body{background:#fff;margin:0}.contenedor{height:220px;margin:180px auto 220px;perspective:1000px;transform:scale(.9) rotateX(-10deg);width:220px}.box,.contenedor{transform-style:preserve-3d}.box{animation:rotar 30s linear infinite;height:100%;transition:2s;width:100%}.box:hover{animation-play-state:paused}.elemento{border-radius:10px;box-shadow:0 0 18px rgba(0,0,0,.15);height:220px;overflow:hidden;position:absolute;transform-style:preserve-3d;width:160px}:root{--tz:translateZ(270px)}.elemento:first-child{transform:rotateY(0deg) var(--tz)}.elemento:nth-child(2){transform:rotateY(45deg) var(--tz)}.elemento:nth-child(3){transform:rotateY(90deg) var(--tz)}.elemento:nth-child(4){transform:rotateY(135deg) var(--tz)}.elemento:nth-child(5){transform:rotateY(180deg) var(--tz)}.elemento:nth-child(6){transform:rotateY(225deg) var(--tz)}.elemento:nth-child(7){transform:rotateY(270deg) var(--tz)}.elemento:nth-child(8){transform:rotateY(315deg) var(--tz)}.imagenes{height:220px;position:relative;transform-style:preserve-3d;width:160px}.imagenes img{background-color:#fff;box-sizing:border-box;height:100%;object-fit:contain;padding:20px;width:100%;-webkit-box-reflect:below 8px linear-gradient(transparent,transparent,rgba(0,0,0,.3));backface-visibility:hidden;border-radius:10px;position:absolute}.imagenes img:nth-child(2){transform:rotateY(180deg)}.piso{align-items:center;background:radial-gradient(ellipse at center,rgba(0,0,0,.08),transparent 70%);border-radius:50%;display:flex;height:43em;justify-content:center;transform:rotateX(90deg) translateX(-290px) translateY(30px) translateZ(150px);width:43em}@keyframes rotar{to{transform:rotateY(-1turn)}}@media (prefers-reduced-motion:reduce){.box{animation-duration:120s}}