.trick{padding:2% 5% 5%}.collage{padding:2% 0;max-width:100%;margin-inline:auto;display:grid;grid-gap:.5rem;gap:.5rem;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(8,1fr);grid-template-areas:"..   two two    two    three  four ..    .." "one  two two    two    five   five six   .." "..   two two    two    five   five seven eight" "nine ten eleven eleven twelve ..   ..    .." "..   ..  eleven eleven ..     ..   ..    .."}.collage div{overflow:hidden;border-radius:.5rem}.collage p{z-index:100;position:absolute;padding:10px;font-size:2rem;color:#fff;text-shadow:1px 0 3px #000000}@media (max-width:1919px){.collage p{font-size:1.8rem}}@media (max-width:1200px){.collage p{font-size:1.5rem}}@media (max-width:960px){.collage p{font-size:1.25rem}}@media (max-width:767px){.collage p{font-size:1rem}}.collage img{width:100%;aspect-ratio:1;display:block;object-fit:cover;transition:all .5s ease-in-out}.collage img:hover{scale:1.15;rotate:3deg}.collage :first-child{grid-area:one}.collage :nth-child(2){grid-area:two}.collage :nth-child(3){grid-area:three}.collage :nth-child(4){grid-area:four;background-color:#ffecc3;border-bottom-right-radius:100%}.collage :nth-child(5){grid-area:five}.collage :nth-child(6){grid-area:six;background-color:#ccf0ee;border-top-right-radius:100%}.collage :nth-child(7){grid-area:seven}.collage :nth-child(8){grid-area:eight;background-color:#cdd7f0;border-radius:100%}.collage :nth-child(9){grid-area:nine;background-color:#ffdce0;border-top-left-radius:100%}.collage :nth-child(10){grid-area:ten}.collage :nth-child(11){grid-area:eleven}.collage :nth-child(12){grid-area:twelve}