@import url('general.css');

.slider-frame {
    overflow: hidden;
}
.slider-frame ul {
    display: flex;
    width: 400%;
    animation: slider 20s infinite alternate ease-in-out;
}
.slider-frame li {
    width: 100%;
    list-style: none;
}
.slider-frame li img {
    width: 100%;
    height: auto;
}

@keyframes slider {
    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%;}
    95% {margin-left: -300%;}
    100% {margin-left: -400%;}
}