/*
Author: J.Murai
Website: https://j-murai.com/
*/
*{padding:0;margin:0;box-sizing:border-box}body{background:#000}.container{position:relative;width:100%;height:100vh;text-align:center;overflow:hidden}.slider{position:absolute;width:200px;height:250px;top:10%;left:calc(50% - 100px);transform-style:preserve-3d;transform:perspective(1000px) rotateX(-16deg);animation:autoRun 20s linear infinite;z-index:2}@keyframes autoRun{from{transform:perspective(1000px) rotateX(-16deg) rotateY(0)}to{transform:perspective(1000px) rotateX(-16deg) rotateY(360deg)}}.slider .item{position:absolute;inset:0;transform:rotateY(calc((var(--position) - 1) * 360 / var(--quantity) * 1deg)) translateZ(550px);animation:opening 1.2s ease calc(var(--position) * .25s) forwards;opacity:0}.slider .item img{width:100%;height:100%;object-fit:cover}@keyframes opening{from{transform:rotateY(calc((var(--position) - 1) * 360 / var(--quantity) * 1deg)) translateZ(150px);opacity:0}to{transform:rotateY(calc((var(--position) - 1) * 360 / var(--quantity) * 1deg)) translateZ(550px);opacity:1}}