*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:800vh;overflow:auto;background:#000}.slider{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0) rotateX(0) rotateY(-25deg) rotate(-120deg);transform-style:preserve-3d;transition:1s cubic-bezier(.075,.82,.165,1);-webkit-user-select:none;user-select:none}.card{position:relative;width:400px;height:400px;transform:rotateX(20deg) rotateY(-10deg) rotate(130deg);border:2px solid rgba(255,255,255,.25);border-radius:12px;overflow:hidden;margin:-300px 0;transition:1s cubic-bezier(.075,.82,.165,1)}img{width:100%;height:100%;object-fit:cover}