.slider{
    width: 550px;
    height: 304px;
    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 40s ease-in-out infinite;
}
  
@keyframes sliderAnime{
    0%{

    }
    7.14%{
        transform: translateX(0);
    }
    14.28%{
        transform: translateX(-100%);
    }
    21.42%{
        transform: translateX(-100%);
    }
    28.56%{
        transform: translateX(-200%);
    }
    35.7%{
        transform: translateX(-200%);
    }
    42.84%{
        transform: translateX(-300%);
    }
    49.98%{
        transform: translateX(-300%);
    }
    57.12%{
        transform: translateX(-400%);
    }
    64.26%{
        transform: translateX(-400%);
    }
    71.4%{
        transform: translateX(-500%);
    }
    78.54%{
        transform: translateX(-500%);
    }
    85.68%{
        transform: translateX(-600%);
    }
    92.87%{
        transform: translateX(-600%);
    }
    100%{
        transform: translateX(0);
    }
} 

.slider__img{
    max-width: 100%;
    min-width: 100%;
}