.slider{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
 
.slider__content{
    min-width: 100%;
    animation: sliderAnime 20s ease-in-out infinite;
}
  
@keyframes sliderAnime{
    0%{
 
    }
    14.2%{
        transform: translateX(0);
    }
    28.4%{
        transform: translateX(-100%);
    }
    42.6%{
        transform: translateX(-100%);
    }
    56.8%{
        transform: translateX(-200%);
    }
    70.0%{
        transform: translateX(-200%);
    }
    84.2%{
        transform: translateX(-300%);
    }
    100%{
        transform: translateX(-300%);
    }
} 
 
.slider__img{
    max-width: 100%;
    min-width: 100%;
}