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

.slider ul {
    display: flex;
    padding: 0;
    width: 400%;
    animation: cambio 8s infinite alternate linear;
}

.slider li {
    width: 100%;
    list-style: none;
}

.slider img {
    width: 100%;
}

@keyframes cambio {
    0% {
        margin-left: 0;
    }

    20% {
        margin-left: 0;
    }

    25% {
        margin-left: -100%;
    }

    45% {
        margin-left: -100%;
    }

    50% {
        margin-left: -200%;
    }

    70% {
        margin-left: -200%;
    }

    75% {
        margin-left: -300%;
    }

    100% {
        margin-left: -300%;
    }
}

.slider10 {
    width: 95%;
    margin: auto;
    overflow: hidden;
}

.slider10 ul {
    display: flex;
    padding: 0;
    width: 1000%;
    animation: cambio10 20s infinite alternate linear;
}

.slider10 li {
    width: 100%;
    list-style: none;
}

.slider10 img {
    width: 100%;
}

@keyframes cambio10 {
    0% {
        margin-left: 0;
    }

    5% {
        margin-left: 0;
    }

    10% {
        margin-left: -100%;
    }

    15% {
        margin-left: -100%;
    }

    20% {
        margin-left: -200%;
    }

    25% {
        margin-left: -200%;
    }

    30% {
        margin-left: -300%;
    }

    35% {
        margin-left: -300%;
    }

    40% {
        margin-left: -400%;
    }

    45% {
        margin-left: -400%;
    }

    50% {
        margin-left: -500%;
    }

    55% {
        margin-left: -500%;
    }

    60% {
        margin-left: -600%;
    }

    65% {
        margin-left: -600%;
    }

    70% {
        margin-left: -700%;
    }

    75% {
        margin-left: -700%;
    }

    80% {
        margin-left: -800%;
    }

    85% {
        margin-left: -800%;
    }

    90% {
        margin-left: -900%;
    }

    100% {
        margin-left: -900%;
    }
}