.carousel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.carousel img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    
 
}


@media (max-width: 1124px){
.carousel-container {
    height: auto; /* Ajusta automáticamente la altura del carrusel */
    overflow: hidden; 
}

.carousel-images img {
    width: 100%; /* Asegura que las imágenes se adapten al ancho disponible */
    height: auto; /* Mantiene la proporción */
    object-fit:cover;
}
}

@media (max-width: 768px) {
    .carousel-images img {
        max-height: 300px; /* Reduce la altura en pantallas más pequeñas */
    }
}

@media (max-width: 480px) {
    .carousel-images img {
        max-height: 250px; /* Ajuste adicional para móviles */
    }
}