#carouselExampleIndicators {
  width: 40%;
  margin: 0 auto;
}

#carouselExampleIndicators .carousel-inner {
  border-radius: 10px; /* Optional: rounded corners */
  overflow: hidden;
}

#carouselExampleIndicators .carousel-item {
  transition: transform 0.6s ease;
}

#carouselExampleIndicators .carousel-item img {
  width: 100%;
  height: 400px; /* Fixed height */
  object-fit: cover; /* or 'contain' based on your preference */
}

/* Adjust indicators and controls for smaller size */
#carouselExampleIndicators .carousel-control-prev,
#carouselExampleIndicators .carousel-control-next {
  width: 10%;
}

#carouselExampleIndicators .carousel-indicators {
  margin-bottom: 10px;
}

#carouselExampleIndicators {
  order: 999; /* Moves it to the end in flex layouts */
  margin-top: auto; /* Pushes to bottom in column flex */
}