.carousel{height: 600px; width: 100%;}

/* Changer styles*/
.carousel .number-right{position: absolute; right: 30px; top: 50%; transform: translateY(-100%); z-index: 2;}
.carousel .number-right .changer-item{font-size: 20px; line-height: 48px; cursor: pointer;}
.carousel .number-right .changer-item.active{font-size: 36px;}

/* Slide styles*/
.carousel .jew{position: absolute; left: 30%; width: 40%; top: 0; height: 80%; opacity: 0;}
.carousel .jew .background{top: 150px; height: 110%; opacity: 0; transition: 0.5s; transition-delay: 1.5s;}
.carousel .jew:before{content: " "; transition: 0.5s; transition-delay: 0.5s; border-top: 7px solid; border-left: 7px solid; border-right: 7px solid; padding-top: 40px; opacity: 0;  display: block; position: relative; top: -30px;}
.carousel .jew:after{content: " "; transition: 0.5s; transition-delay: 1s; border-bottom: 7px solid; border-left: 7px solid; border-right: 7px solid; padding-top: 55%; opacity: 0; display: block; position: relative; top: 30px;z-index: -1;}

.carousel .active.jew{opacity: 1; transition: 0.5s; font-size: 80px; line-height: 120px;}
.carousel .active.jew  .background{top: 30px; opacity: 1;}
.carousel .active.jew:before, .carousel .active.jew:after{opacity: 1; top: 0;}