.carousel-inner img {
    object-fit: cover; /* Ajusta la imagen al contenedor */
    height: auto; /* Permite que la altura sea dinámica */
    max-height: 100vh; /* Limita la altura al tamaño de la pantalla */
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro semitransparente */
    padding: 20px;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .carousel-caption {
        font-size: 14px;
        padding: 10px;
    }

    .carousel-caption h1 {
        font-size: 24px;
    }

    .carousel-caption h5 {
        font-size: 16px;
    }

    .btn-primary {
        font-size: 14px;
        padding: 8px 16px;
    }
}