.carousel .item {
  transition: none; /* Remove Bootstrap's default sliding transition */
  opacity: 0;
  transform: scale(0.45);
  z-index: 0;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.carousel .item.active {
  opacity: 1;
  z-index: 1;
  position: relative;
  animation: zoomIn 0.5s ease;
  transform: scale(1);
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.45);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}