.masonry-grid{display:grid;width:100%;gap:20px;grid-template-columns:1fr;grid-template-rows:repeat(4,auto);grid-template-areas:"bottom-left" "top-left" "top-right" "bottom-right"}.top-left{grid-area:top-left}.bottom-left{grid-area:bottom-left}.top-right{grid-area:top-right}.bottom-right{grid-area:bottom-right}@media (min-width:768px){.masonry-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr 2fr;grid-template-areas:"top-left top-right" "top-left bottom-right" "bottom-left bottom-right";row-gap:40px;column-gap:40px}}