.multi-carousel .carousel-inner .carousel-item.active,
.multi-carousel .carousel-inner .carousel-item-next,
.multi-carousel .carousel-inner .carousel-item-prev {
  display: flex;
}

.multi-carousel .carousel-inner .carousel-item-right.active,
.multi-carousel .carousel-inner .carousel-item-next {
  transform: translateX(33%);
}

.multi-carousel .carousel-inner .carousel-item-left.active, 
.multi-carousel .carousel-inner .carousel-item-prev {
  transform: translateX(-33%);
}
  
.multi-carousel .carousel-inner .carousel-item-right,
.multi-carousel .carousel-inner .carousel-item-left{ 
  transform: translateX(0);  
}

.multi-carousel .carousel-control-prev{
  left: -10%;
}
.multi-carousel .carousel-control-next{
  right: -10%;
}