.carousel.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none !important;
  /* display: none; */
}

.carousel.carousel-fade .carousel-item.active {
  /* display: block; */
}

.carousel.carousel-fade .carousel-item.active,
.carousel.carousel-fade .carousel-item-next.carousel-item-start,
.carousel.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}

.carousel.carousel-fade .active.carousel-item-start,
.carousel.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0.250s 1s;
}