.container *{
    width: 100%;  
    margin: 0;
        padding: 0;
}
.sliderCSS {
    width: 100%;
 /*    height: 150px; */
    overflow: hidden;
    margin: 10px auto;
}
.sliderCSS ul {
    display: flex;
    animation: deslizar 20s infinite alternate linear;
    width: 400%;
}
.sliderCSS li {
    width: 100%;
    list-style: none;
}
.sliderCSS img {
    width: 100%;
    height: 100%;
}

@keyframes deslizar {
    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%;}
}