.parent{grid-column-gap:3rem;grid-row-gap:2rem;grid-template-rows:max-content 1fr max-content;grid-template-columns:repeat(2,1fr);place-items:start center;display:grid}.div1{grid-area:1/1/3/2}.div2{grid-area:1/2/2/3}.div3{grid-area:2/2/4/3}.div4{grid-area:3/1/4/2}
.collage-container{grid-auto-flow:row;gap:2em;display:grid}@media (min-width:768px){.collage-container{grid-template:"Photo-1 Photo-1"400px"Photo-2 Photo-3"700px"Photo-4 Photo-4"400px"Photo-5 Photo-6"700px/1fr 1fr}}@media (min-width:960px){.collage-container{grid-template-rows:500px 800px 500px 800px}}@media (min-width:1024px){.collage-container{grid-template-rows:600px 900px 600px 900px}}@media (max-width:767px){.collage-container{grid-template:"Photo-1"400px"Photo-2"800px"Photo-3"800px"Photo-4"400px"Photo-5"800px"Photo-6"800px/1fr;gap:1em}}.Photo-1{grid-area:Photo-1}.Photo-2{grid-area:Photo-2}.Photo-3{grid-area:Photo-3}.Photo-4{grid-area:Photo-4}.Photo-5{grid-area:Photo-5}.Photo-6{grid-area:Photo-6}