.container{margin:0 auto;position:relative;perspective:1000px}.carousel,.container{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.carousel{transform-style:preserve-3d;transition:transform 1s}.carousel,.item{position:absolute}.item{display:block;background:#000;width:250px;height:300px;text-align:center;color:#fff;opacity:1;border-radius:10px}.a{transform:rotateY(0deg) translateZ(300px)}.a,.b{background:#fff;color:#000}.b{transform:rotateY(60deg) translateZ(300px)}.c{transform:rotateY(120deg) translateZ(300px)}.c,.d{background:#fff;color:#000}.d{transform:rotateY(180deg) translateZ(300px)}.e{transform:rotateY(240deg) translateZ(300px)}.e,.f{background:#fff;color:#000}.f{transform:rotateY(300deg) translateZ(300px)}@media not all and (min-width:500px){.item{width:150px;height:240px}}