/* Las imágenes dentro de cada item del carrusel */
.carousel-inner > .item {
position: relative;
width: 100%; /* Cada item ocupa el 100% del contenedor */
height: 100%; /* Hace que el contenedor ocupe toda la altura definida */
}
.carousel-inner > .item > img {
width: 100%; /* La imagen ocupará el 100% del ancho del contenedor */
height: 100%; /* La imagen ocupará el 100% de la altura del contenedor */
object-fit: contain; /* Ajusta la imagen sin perder su proporción */
}