* {
    margin: 0;
    padding: 0;
}



.slider-frame {
        width: 500px;
        height: auto;
        margin:50px auto 0;
        overflow: hidden;
    }

    .slider-frame ul {
        display: flex;
        padding: 0;
        width: 1000%;
        animation: slide 80s infinite linear;
    }

    .slider-frame li {
        width: 100%;
        list-style: none;
    }

    .slider-frame img {
        width: 100%;
    }

    @keyframes slide {    
        0% {margin-left: 0;}
        10% {margin-left: -100%;}
        
        20% {margin-left: -200%;}
        30% {margin-left: -300%;}
        
        40% {margin-left: -400%;}
        50% {margin-left: -500%;}
        
        60% {margin-left: -600%;}
        70% {margin-left: -700%;}

        80% {margin-left: -800%;}
        90% {margin-left: -900%;}
        100% {margin-left: -900%;}
    }