.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));display:grid;grid-auto-flow:dense;grid-auto-rows:minmax(var(--rh),auto);grid-template-columns:repeat(var(--noOfColumns),minmax(0,1fr));max-width:var(--wrapper);grid-gap:var(--gutter)}@media(min-width:640px){.image-grid{--noOfColumns:24}}