.collage{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);grid-template-areas:"a a" "a a" "d b" "c c" "c c"}@media (min-width:1024px){.collage{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:"a a d c c c" "a a b c c c"}}.collage-item{position:relative;padding-top:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:1024px){.collage-item{padding-top:72%}}.collage-item[data-letter=a]{grid-area:a}.collage-item[data-letter=b]{grid-area:b}.collage-item[data-letter=c]{grid-area:c}.collage-item[data-letter=d]{grid-area:d;padding-top:0}.collage-item[data-letter=d] img,.collage-item[data-letter=d] svg{width:auto;padding:1rem}@media (min-width:768px){.collage-item[data-letter=d] img,.collage-item[data-letter=d] svg{padding:2rem}}@media (min-width:1024px){.collage-item[data-letter=d] img,.collage-item[data-letter=d] svg{padding:3rem}}@media (min-width:1280px){.collage-item[data-letter=d] img,.collage-item[data-letter=d] svg{padding:4rem}}.collage img,.collage svg{position:absolute;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (min-width:1024px){.collage img,.collage svg{width:auto}}