.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem}.tile img{border-radius:24px;height:100%;object-fit:fill;width:100%}.tile:first-child{grid-column:span 2;grid-row:span 2}.tile:nth-child(2){grid-row:span 2}.tile:nth-child(3){grid-row:span 4}.tile:nth-child(3) img{object-fit:cover}.tile:nth-child(4){grid-column:span 3;grid-row:span 2}@media (max-width:479px){.tile:first-child{grid-column:span 4;grid-row:span 2}.tile:nth-child(2),.tile:nth-child(3){grid-column:span 2;grid-row:span 1}.tile:nth-child(4){grid-column:span 4}}