.scene{position:relative;width:340px;height:400px;margin:80px auto;perspective:1000px}.carousel{width:100%;height:100%;position:absolute;transform:translateZ(-288px);transform-style:preserve-3d;transition:transform 1s}.carousel__cell{position:absolute;width:300px;height:400px;left:0;top:10px;margin:0 20px;text-align:center;transition:transform 1s,opacity 1s}.carousel__cell:nth-child(1){transform:rotateY(0) translateZ(288px)}.carousel__cell:nth-child(2){transform:rotateY(40deg) translateZ(288px)}.carousel__cell:nth-child(3){transform:rotateY(80deg) translateZ(288px)}.carousel__cell:nth-child(4){transform:rotateY(120deg) translateZ(288px)}.carousel__cell:nth-child(5){transform:rotateY(160deg) translateZ(288px)}.carousel__cell:nth-child(6){transform:rotateY(200deg) translateZ(288px)}.carousel__cell:nth-child(7){transform:rotateY(240deg) translateZ(288px)}.carousel__cell:nth-child(8){transform:rotateY(280deg) translateZ(288px)}.carousel__cell:nth-child(9){transform:rotateY(320deg) translateZ(288px)}.carousel__cell:nth-child(10){transform:rotateY(360deg) translateZ(288px)}.carousel-options{text-align:center;position:relative;z-index:2;margin-bottom:200px}@media all and (max-width:768px),(orientation:landscape) and (min-width:800px) and (max-width:840px){.scene{width:250px}.carousel__cell{width:240px;height:350px;margin:0 5px}.carousel-options{display:none}}