@media (max-width: 991px) {
  .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }
}

@media (max-width: 991px) {
  .carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }
}

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

/* medium and up screens */

@media (min-width: 992px) {
  .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next {
    transform: translateX(33%);
  }
}

@media (min-width: 992px) {
  .carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev {
    transform: translateX(-33%);
  }
}

.carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start {
  transform: translateX(0);
}