.slider{
    width: 90%;
    height: auto;
    margin: auto;
    overflow: hidden;
}

.slider .slide-track{
    display: flex;
    animation: scroll 40s linear infinite;
    -webkit-animation: scroll 40s linear infinite;
    width: calc(200px * 32);
}

.slider .slide {
    width: 200px;
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
}

.slider .slide img {
    max-width: 100%; /* Asegura que la imagen no supere el ancho del contenedor */
    height: auto;
}


@keyframes scroll{
    0%{
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100%{
        -webkit-transform: translateX(calc(-200px * 16));
        transform: translateX(calc(-200px * 16));
    }
}