.carousel-container { 
height:600px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  perspective: 1000px;
  overflow:hidden;
  
}


.carousel-slide img{width:100%; margin-top:-100px;}

@media (max-width:800px){
	.carousel-container { height:400px; }
	.carousel-container img{ margin-left:-20px; margin-top:0px; width:160%;}
}
.carousel-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  transform-style: preserve-3d;
}

.carousel-slide.active {
  opacity: 1;
  transform: rotateY(0);
}

.carousel-slide.prev {
	 opacity: 1;
  transform: rotateY(-90deg);
  background:tomato;
}

.carousel-slide.next {
	 opacity: 1;
  transform: rotateY(90deg);
}

.carousel-text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  font-size: 18px;
}

.carousel-prev,
.carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
 
}

.carousel-prev {
  left: 10px;
}

.carousel-next {
  right: 10px;
}