.collage{column-count:3;column-gap:1rem;padding:1rem}
@media (max-width: 900px) {
.collage{column-count:2}
}
@media (max-width: 600px) {
.collage{column-count:1}
}
.collage img{display:block;width:100%;margin:0 0 1rem;border-radius:12px;break-inside:avoid;opacity:0;transform:translateY(40px);filter:brightness(0.9);animation:fadeIn 1s ease forwards;animation-timeline:view();animation-range:entry 0 cover 40%;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}
.collage img:hover{transform:translateY(-6px) scale(1.06);box-shadow:0 18px 40px #f777542e;filter:brightness(1)}
.collage img:nth-child(1){animation-delay:0ms}
.collage img:nth-child(2){animation-delay:80ms}
.collage img:nth-child(3){animation-delay:160ms}
.collage img:nth-child(4){animation-delay:240ms}
.collage img:nth-child(5){animation-delay:320ms}
.collage img:nth-child(6){animation-delay:400ms}
@keyframes fadeIn {
from{opacity:0;transform:translateY(40px)}
to{opacity:1;transform:translateY(0)}
}