#headerCarousel .carousel-slide {
  height: 60vh; /* Reduced height to 60% of the viewport */
  padding-top: 2rem;
  background-size: cover;
  background-position: center;
  
  background-color: #95651a78 !important;
  background-blend-mode: multiply;
}

/* Adjust padding for the carousel caption */
#headerCarousel .carousel-caption {
  padding: 1rem; /* Reduced padding */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0); /* Transparent background */

}

/* Adjust text styling */
#headerCarousel .carousel-caption .text-uppercase {
  font-style: italic;
  margin-top: 7rem;
  /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); */
}