.carousel {
    width: 100%;
    max-width: 600px; /* Ajusta el ancho del carrusel */
    height: 400px; /* Ajusta la altura del carrusel */
    overflow: hidden;
    position: relative;
    margin: auto;
    background-color: black; /* Fondo negro para que las imágenes resalten */
}

.carousel img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajuste sin recortar */
    position: absolute;
    display: none;
}