.photo-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.photo-tile{aspect-ratio:1;border-radius:10px;display:block;position:relative;overflow:hidden}.photo-tile--wide{aspect-ratio:2;grid-column:span 2}.photo-tile--tall{aspect-ratio:.75}.photo-tile img{-o-object-fit:cover;object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .4s,transform .4s}.photo-tile:hover img{filter:grayscale(0);transform:scale(1.03)}@media (width>=640px){.photo-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.photo-grid{grid-template-columns:repeat(4,1fr)}}