.carousel{position:relative;overflow:visible}.carousel-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center}.carousel-item{position:absolute;top:50%;transform:translateY(-50%);opacity:.5;scale:.8;z-index:1;transition:transform 1s ease,opacity 1s ease,scale 1s ease}.carousel-item.active{opacity:1;scale:1;z-index:10;transform:translateY(-50%) translate(0) translateZ(0) rotateY(0)}.carousel-item.left{transform:translateY(-50%) translate(-60%) translateZ(-250px) rotateY(50deg);opacity:.5;scale:.8}.carousel-item.right{transform:translateY(-50%) translate(60%) translateZ(-250px) rotateY(-50deg);opacity:.5;scale:.8}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);z-index:20}.carousel-button.prev{left:0}.carousel-button.next{right:0}@media (max-width: 768px){.carousel-item{width:90%}.carousel-item.left{transform:translateY(-50%) translate(-50%) translateZ(-200px) rotateY(40deg)}.carousel-item.right{transform:translateY(-50%) translate(50%) translateZ(-200px) rotateY(-40deg)}}@media (max-width: 640px){.carousel-item{width:95%}.carousel-item.left{transform:translateY(-50%) translate(-40%) translateZ(-150px) rotateY(30deg)}.carousel-item.right{transform:translateY(-50%) translate(40%) translateZ(-150px) rotateY(-30deg)}}