.collage-slider{display:flex;justify-content:center;margin-top:50px;overflow:visible;touch-action:pan-y;width:100%}.collage{--gap1:170px;--gap2:340px;cursor:pointer;height:460px;margin:0 auto;position:relative;transition:transform .35s ease;width:min(900px,96%)}.collage .img{border-radius:10px;left:50%;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;transform-origin:center;transition:transform .35s cubic-bezier(.2,.9,.2,1),opacity .25s ease,filter .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.img-3{box-shadow:0 12px 30px rgba(0,0,0,.12);height:460px;top:0;transform:translateX(-50%);width:340px;z-index:5}.img-2{height:420px;top:20px;transform:translateX(calc(-50% - var(--gap1)));width:300px;z-index:4}.img-1{height:360px;top:50px;transform:translateX(calc(-50% - var(--gap2)));z-index:3}.img-4{height:420px;top:20px;transform:translateX(calc(-50% + var(--gap1)));width:300px;z-index:4}.img-5{height:360px;top:50px;transform:translateX(calc(-50% + var(--gap2)));z-index:3}@media (max-width:1100px){.collage{--gap1:140px;--gap2:280px;height:420px}.img-3{height:420px;width:320px}.img-2,.img-4{height:380px;width:260px}.img-1,.img-5{height:330px;width:230px}}@media (max-width:800px){.collage{--gap1:110px;--gap2:220px;height:380px}.img-3{height:380px;width:300px;z-index:6}.img-2,.img-4{height:340px;width:240px;z-index:5}.img-1,.img-5{display:none;filter:saturate(.9) brightness(.95);opacity:.9}}@media (max-width:480px){.collage{--gap1:80px;--gap2:160px;height:320px;width:96%}.img-3{height:320px;top:0;width:260px}.img-2,.img-4{height:300px;top:10px;width:240px}}