.image-grid{--gutter:1rem;--wrapper:calc(min(100vw, var(--container-width,100vw)) - var(--container-x-padding,0px));--noOfColumns:12;--noOfGutters:calc(var(--noOfColumns) - 1);--ratioA:1;--ratioB:1;--factor:calc(var(--ratioB)/var(--ratioA));--rh:calc(((var(--wrapper) - (var(--noOfGutters)*var(--gutter)))/var(--noOfColumns))*var(--factor));max-width:var(--wrapper);grid-template-columns:repeat(var(--noOfColumns),minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:minmax(var(--rh),auto);grid-gap:var(--gutter);display:grid}@media (width>=640px){.image-grid{--noOfColumns:24}}