svg:not(:root) {
  overflow: hidden;
}

.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 500px;
  -webkit-perspective: 500px;
          perspective: 500px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
          margin-top:-140px!important;
}

.carousel.carousel-slider {
  top: 0;
  left: 0;
  height: 0;
 
}

.carousel.carousel-slider .carousel-item {
  width: 100%;
  height: 100%;
  min-height: 500px;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel .carousel-item {
  display: none;
  width: 200px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel .carousel-item img {
  width: 100%;
}