.grid-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"hero hero hero" "image-1 image-2 image-3";gap:48px;@media (max-width:640px){grid-template-columns:repeat(1,1fr);grid-template-areas:"hero" "image-1" "image-2" "image-3"}@media (min-width:641px) and (max-width:1024px){grid-template-columns:repeat(2,1fr);grid-template-areas:"hero hero" "image-1 image-2" "image-3 image-3"}}.grid-gallery__item:first-child{grid-area:hero}.grid-gallery__item:nth-child(2){grid-area:image-1}.grid-gallery__item:nth-child(3){grid-area:image-2}.grid-gallery__item:nth-child(4){grid-area:image-3;@media screen and (min-width:641px) and (max-width:1024px){aspect-ratio:4/2}}