.banner{width:100%;height:70vh;text-align:center;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.banner .slider{position:absolute;width:550px;height:750px;top:50%;left:50%;transform-style:preserve-3d;animation:autoRun 50s linear infinite;transform:translate(-50%,-50%);z-index:2}@keyframes autoRun{0%{transform:translate(-50%,-50%) perspective(1000px) rotateY(0deg)}to{transform:translate(-50%,-50%) perspective(1000px) rotateY(1turn)}}.banner .slider .item{position:absolute;inset:0;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(1100px) rotateY(180deg);backface-visibility:hidden}.banner .slider .item img{width:100%;height:100%;object-fit:cover;border-radius:14px}