.image-grid{--gap:10px;--num-cols:4;--row-height:300px;box-sizing:border-box;padding:var(--gap);grid-template-columns:repeat(var(--num-cols),1fr);grid-auto-rows:var(--row-height);grid-gap:var(--gap);gap:var(--gap);display:grid}.image-grid>a{display:block;position:relative}.image-grid>a>img{object-fit:cover;object-position:50% 25%;border-radius:10px;width:100%;height:100%;transition:transform .3s}.image-grid>a>img:hover{transform:scale(1.02)}.image-grid-col-2{grid-column:span 2}.image-grid-row-2{grid-row:span 2}@media screen and (max-width:1024px){.image-grid{--num-cols:2;--row-height:150px}}@media (max-width:420px){.image-grid>a>img{object-fit:cover;object-position:35% 25%;border-radius:10px;width:100%;height:100%;transition:transform .3s}}