.carousel,.carousel5{border:2px solid #fff;height:15rem;max-height:100%;max-width:100%;overflow:hidden;perspective:200px;perspective-origin:0 0;position:relative;width:30rem}.carousel.pauseOnHover:hover .carousel-item,.carousel5.pauseOnHover:hover .carousel-item{animation-play-state:paused}.carousel .carousel-item,.carousel5 .carousel-item{align-items:center;border:1px solid gray;display:flex;flex-direction:column;height:80%;justify-content:center;left:50%;max-height:100%;max-width:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out 0s;width:30%;z-index:1}.carousel .carousel-item:nth-child(5),.carousel5 .carousel-item:nth-child(5){animation:carousel5-item-5 15s linear 0s infinite}.carousel .carousel-item:nth-child(4),.carousel5 .carousel-item:nth-child(4){animation:carousel5-item-4 15s linear 0s infinite}.carousel .carousel-item:nth-child(3),.carousel5 .carousel-item:nth-child(3){animation:carousel5-item-3 15s linear 0s infinite}.carousel .carousel-item:nth-child(2),.carousel5 .carousel-item:nth-child(2){animation:carousel5-item-2 15s linear 0s infinite}.carousel .carousel-item:first-child,.carousel5 .carousel-item:first-child{animation:carousel5-item-1 15s linear 0s infinite}.carousel.debug .carousel-item:first-child,.carousel5.debug .carousel-item:first-child{background-color:green!important}.carousel.debug .carousel-item:nth-child(2),.carousel5.debug .carousel-item:nth-child(2){background-color:#ff0!important}.carousel.debug .carousel-item:nth-child(3),.carousel5.debug .carousel-item:nth-child(3){background-color:orange!important}.carousel.debug .carousel-item:nth-child(4),.carousel5.debug .carousel-item:nth-child(4){background-color:blue!important}.carousel.debug .carousel-item:nth-child(5),.carousel5.debug .carousel-item:nth-child(5){background-color:gray!important}.carousel.debug .carousel-item:nth-child(n+6),.carousel5.debug .carousel-item:nth-child(n+6){background-color:red!important}@keyframes carousel5-item-1{0%,5%{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}20%{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}40%{opacity:.6;transform:translate(5%,-50%) scale(.6);z-index:0}60%{opacity:.6;transform:translate(-105%,-50%) scale(.6);z-index:0}80%{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:1}95%,to{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}}@keyframes carousel5-item-2{0%{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}20%{opacity:.6;transform:translate(5%,-50%) scale(.6);z-index:0}40%{opacity:.6;transform:translate(-105%,-50%) scale(.6);z-index:0}60%{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:1}75%,85%{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}to{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}}@keyframes carousel5-item-3{0%{opacity:.6;transform:translate(5%,-50%) scale(.6);z-index:0}20%{opacity:.6;transform:translate(-105%,-50%) scale(.6);z-index:0}40%{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:1}55%,65%{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}80%{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}to{opacity:.6;transform:translate(5%,-50%) scale(.6);z-index:0}}@keyframes carousel5-item-4{0%{opacity:.6;transform:translate(-105%,-50%) scale(.6);z-index:0}20%{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:1}35%,45%{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}60%{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}80%{opacity:.6;transform:translate(5%,-50%) scale(.6);z-index:0}to{opacity:.6;transform:translate(-105%,-50%) scale(.6);z-index:0}}@keyframes carousel5-item-5{0%{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:1}15%,25%{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}40%{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}60%{opacity:.6;transform:translate(5%,-50%) scale(.6);z-index:0}80%{opacity:.6;transform:translate(-105%,-50%) scale(.6);z-index:0}to{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:1}}.carousel6{border:2px solid #fff;height:15rem;max-height:100%;max-width:100%;overflow:hidden;perspective:200px;perspective-origin:0 0;position:relative;width:30rem}.carousel6.pauseOnHover:hover .carousel-item{animation-play-state:paused}.carousel6 .carousel-item{align-items:center;border:1px solid gray;display:flex;flex-direction:column;height:80%;justify-content:center;left:50%;max-height:100%;max-width:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out 0s;width:30%;z-index:1}.carousel6 .carousel-item:nth-child(6){animation:carousel6-item-6 20s linear 0s infinite}.carousel6 .carousel-item:nth-child(5){animation:carousel6-item-5 20s linear 0s infinite}.carousel6 .carousel-item:nth-child(4){animation:carousel6-item-4 20s linear 0s infinite}.carousel6 .carousel-item:nth-child(3){animation:carousel6-item-3 20s linear 0s infinite}.carousel6 .carousel-item:nth-child(2){animation:carousel6-item-2 20s linear 0s infinite}.carousel6 .carousel-item:first-child{animation:carousel6-item-1 20s linear 0s infinite}.carousel6.debug .carousel-item:first-child{background-color:green!important}.carousel6.debug .carousel-item:nth-child(2){background-color:#ff0!important}.carousel6.debug .carousel-item:nth-child(3){background-color:orange!important}.carousel6.debug .carousel-item:nth-child(4){background-color:blue!important}.carousel6.debug .carousel-item:nth-child(5){background-color:gray!important}.carousel6.debug .carousel-item:nth-child(6){background-color:purple!important}.carousel6.debug .carousel-item:nth-child(n+7){background-color:red!important}@keyframes carousel6-item-1{0%,5%{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}20%{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}35%{opacity:.6;transform:translate(5%,-55%) scale(.6);z-index:0}50%{opacity:.6;transform:translate(-50%,-60%) scale(.4);z-index:0}65%{opacity:.8;transform:translate(-105%,-55%) scale(.6);z-index:0}80%{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:2}95%,to{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}}@keyframes carousel6-item-2{0%{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}15%{opacity:.6;transform:translate(5%,-55%) scale(.6);z-index:0}30%{opacity:.6;transform:translate(-50%,-60%) scale(.4);z-index:0}45%{opacity:.8;transform:translate(-105%,-55%) scale(.6);z-index:0}60%{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:2}75%,85%{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}to{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}}@keyframes carousel6-item-3{0%{opacity:.6;transform:translate(5%,-55%) scale(.6);z-index:0}15%{opacity:.6;transform:translate(-50%,-60%) scale(.4);z-index:0}30%{opacity:.8;transform:translate(-105%,-55%) scale(.6);z-index:0}45%{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:2}60%,70%{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}85%{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}to{opacity:.6;transform:translate(5%,-55%) scale(.6);z-index:0}}@keyframes carousel6-item-4{0%{opacity:.6;transform:translate(-50%,-60%) scale(.4);z-index:0}15%{opacity:.8;transform:translate(-105%,-55%) scale(.6);z-index:0}30%{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:2}45%,55%{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}70%{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}85%{opacity:.6;transform:translate(5%,-55%) scale(.6);z-index:0}to{opacity:.6;transform:translate(-50%,-60%) scale(.4);z-index:0}}@keyframes carousel6-item-5{0%{opacity:.8;transform:translate(-105%,-55%) scale(.6);z-index:0}15%{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:2}30%,40%{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}55%{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}70%{opacity:.6;transform:translate(5%,-55%) scale(.6);z-index:0}85%{opacity:.6;transform:translate(-50%,-60%) scale(.4);z-index:0}to{opacity:.8;transform:translate(-105%,-55%) scale(.6);z-index:0}}@keyframes carousel6-item-6{0%{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:2}15%,25%{opacity:.95;transform:translate(-50%,-50%) scale(1);z-index:2}40%{opacity:.8;transform:translate(60%,-50%) scale(.8);z-index:1}55%{opacity:.6;transform:translate(5%,-55%) scale(.6);z-index:0}70%{opacity:.6;transform:translate(-50%,-60%) scale(.4);z-index:0}85%{opacity:.8;transform:translate(-105%,-55%) scale(.6);z-index:0}to{opacity:.8;transform:translate(-160%,-50%) scale(.8);z-index:2}}