.carousel-viewport{position:relative;width:320px;height:540px;perspective:1500px;display:flex;justify-content:center;align-items:center}.card{position:absolute;width:100%;height:100%;border-radius:40px;overflow:hidden;box-shadow:0 30px 60px -12px #0003;transition:all .9s cubic-bezier(.34,1.56,.64,1);background:#fff;border:8px solid white;cursor:pointer;backface-visibility:hidden;will-change:transform,opacity,filter}.card img{width:100%;height:100%;object-fit:cover;pointer-events:none}.pos-left{transform:translate(-170px) translateZ(-200px) rotateY(25deg) rotate(-8deg) scale(.8);z-index:10;opacity:.6;filter:blur(4px)}.pos-center{transform:translate(0) translateZ(0) rotateY(0) rotate(0) scale(1);z-index:30;opacity:1;filter:blur(0)}.pos-right{transform:translate(170px) translateZ(-200px) rotateY(-25deg) rotate(8deg) scale(.8);z-index:10;opacity:.6;filter:blur(4px)}.pos-hidden{transform:translate(0) translateZ(-500px) scale(.5);opacity:0;z-index:0;filter:blur(12px);pointer-events:none}@media(max-width:640px){.carousel-viewport{transform:scale(.6)}}