.slider {
    width: 100vw;
    height: auto;
    margin: auto;
    overflow: hidden;
}

.slider .slide-track {
    display: flex;
    animation: scroll 40s linear infinite;
    -webkit-animation: scroll 40s linear infinite;
    width: calc(100% * 8);
}

.slider .slide {
    width: 100%;
    margin-top: 80px;
}

.slider .slide img {
    width: 100%;
}

.slide-track:hover { /*Pausar animacion*/
    animation-play-state: paused;
}

.slider .slide img:hover { /*Traer imagen hacia adelante*/
    width: 100%;
    position: relative;
}

@keyframes scroll {
    0%{margin-left: 0;}
    7.5%{margin-left: 0;}

    12.5%{margin-left: -100%;}
    20%{margin-left: -100%;}

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

    37.5%{margin-left: -300%;}
    45%{margin-left: -300%;}

    50%{margin-left: -400%;}
    57.5%{margin-left: -400%;}

    62.5%{margin-left: -500%;}
    70%{margin-left: -500%;}

    75%{margin-left: -600%;}
    82.5%{margin-left: -600%;}

    87.5%{margin-left: -700%;}
    95%{margin-left: -700%;}
}