@supports ((-webkit-transform:translate3d(0,0,0)) or (transform:translate3d(0,0,0))) {
    /* Override carousel item translation */
    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0); /* Disable translation */
        transform: translate3d(0, 0, 0); /* Disable translation */
    }

    .active.carousel-item-right,
    .carousel-item-next {
        -webkit-transform: translate3d(0, 0, 0); /* Adjust or disable translation */
        transform: translate3d(0, 0, 0); /* Adjust or disable translation */
    }

    .active.carousel-item-left,
    .carousel-item-prev {
        -webkit-transform: translate3d(0, 0, 0); /* Adjust or disable translation */
        transform: translate3d(0, 0, 0); /* Adjust or disable translation */
    }
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(120%);
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-120%);
}