.container{width:90%;max-width:60em;margin:0 auto;padding-bottom:5em;perspective:100em}.cube{position:relative;width:50em;height:50em;margin:0 auto;transform-style:preserve-3d;transition:transform .7s ease}.cube[data-slide="1"]{transform:rotateY(0deg)}.cube[data-slide="2"]{transform:rotateY(-90deg)}.cube[data-slide="3"]{transform:rotateY(-180deg)}.cube[data-slide="4"]{transform:rotateY(-270deg)}.carousel__slide{position:absolute;width:50em;height:50em}.carousel__slide img{width:100%}.back,.carousel__slide:nth-child(3){transform:translateZ(-25em) rotateY(180deg)}.right,.carousel__slide:nth-child(2){transform:rotateY(-270deg) translateX(25em);transform-origin:top right}.left,.carousel__slide:nth-child(4){transform:rotateY(270deg) translateX(-25em);transform-origin:center left}.front,.carousel__slide:nth-child(1){transform:translateZ(25em)}