.slider{
    width: 100vw;
    height: 200px;
    margin: auto;
    overflow: hidden;
    margin-top: 3rem;
}

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

.slider .slide{
    width: 150px;
    margin-right: 45px;
}

.slider .slide img{
    width: 100%;
    height: 150px;
}

@keyframes scroll{
    0% {
        -webkit-animation: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-animation: translateX(calc(-200px * 10));
        transform: translateX(calc(-200px * 10));
    }
}