.carousel-scene{perspective:1200px;justify-content:center;align-items:center;width:100%;height:650px;display:flex;overflow:hidden}.carousel-ring{width:1px;height:1px;transform-style:preserve-3d;animation:gallery var(--speed) linear infinite;position:relative;transform:perspective(1000px)}.carousel-card{width:var(--card-width);height:var(--card-height);left:calc(var(--card-width) / -2);top:calc(var(--card-height) / -2);transform:rotateY(calc(360deg / var(--count) * var(--index))) translateZ(var(--radius));transform-style:preserve-3d;-webkit-box-reflect:below 2.5px linear-gradient(transparent, transparent, #03030333);position:absolute}.carousel-card img{border:6px ridge #ccc;border-radius:10px;position:absolute}.carousel-title{color:#fff;text-align:center;background:#000000b3;border-radius:8px;padding:8px;position:absolute;bottom:10px;left:10px;right:10px}@keyframes gallery{0%{transform:perspective(1000px)rotateY(0)}to{transform:perspective(1000px)rotateY(360deg)}}.carousel-ring:hover{animation-play-state:paused}