#carousel {
  margin: auto;
  position: relative;
  width: 950px;
  /* height: 400px;  */
  min-height: 400px;
  max-height: 600px;
  overflow: hidden;
  border-radius: 12px;
}
.carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 1s;
}

.carousel-item.active {
  
opacity: 1;

z-index:9;
}


.carousel-item img {
  width: 100%;
}