.carousel
{
  margin-top:5em;
}
.carousel-caption {
  background-color:#000;
  color: #fff;
  padding: 1em;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #000;
}

.carousel-inner .carousel-item img {
  width: 100%;
  height: 90vh;
  margin: 0 auto;
  max-width: 100%; /* make images width responsive */
}

.carousel .carousel-item h5 {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
}

.carousel .carousel-item p {
  margin-bottom: 10px;
  font-size: 14px;
}

/* Media queries for different screen sizes */
@media only screen and (max-width: 576px) {
  .carousel-inner .carousel-item img {
    height: 50vh;
  }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
  .carousel-inner .carousel-item img {
    height: 60vh;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .carousel-inner .carousel-item img {
    height: 70vh;
  }
}

@media only screen and (min-width: 992px) {
  .carousel-inner .carousel-item img {
    height: 80vh;
  }
}