#itemImagesCarousel {
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 8px;
}

#itemImagesCarousel .carousel-inner img {
  background-color: #f0f0f0;
  margin: 15px auto;
  border-radius: 8px;
  max-height: 400px;
  object-fit: contain;
  display: block;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(0); /* reset any invert */
  background-color: rgba(0, 0, 0, 0.5); /* semi-transparent dark background */
  border-radius: 50%; /* optional, for round shape */
}