Я копирую один код YouTube, и весь мой код одинаков для них, но у меня не работает

Question

Помогите мне выйти из этого, пожалуйста. Я копирую этот код из видео на YouTube, и мой код такой же, как и они, но, наконец, когда они запускают веб-сайт, они могут показывать изображения для фона, но моя веб-страница не показывала мне никаких изображений. Возможно, есть некоторые проблемы с моими ключевыми кадрами @.

@keyframes slide {
    0%{
        background-image: url('images/1.jpg');
    }
    10%{
        background-image: url('images/1.jpg');
    }
    10.01%{
        background-image: url('images/2.jpg');
    }
    20%{
        background-image: url('images/2.jpg');
    }
    20.01%{
        background-image: url('images/3.jpg');
    }
    30%{
        background-image: url('images/3.jpg');
    }
    30.01%{
        background-image: url('images/4.jpg');
    }
    40%{
        background-image: url('images/4.jpg');
    }
    40.01%{
        background-image: url('images/5.jpg');
    }
    50%{
        background-image: url('images/5.jpg');
    }
    50.01%{
        background-image: url('images/6.jpg');
    }
    60%{
        background-image: url('images/6.jpg');
    }
    60.01%{
        background-image: url('images/7.jpg');
    }
    70%{
        background-image: url('images/7.jpg');
    }
    70.01%{
        background-image: url('images/8.jpg');
    }
    80%{
        background-image: url('images/8.jpg');
    }
    80.01%{
        background-image: url('images/9.jpg');
    }
    90%{
        background-image: url('images/9.jpg');
    }
    90.01%{
        background-image: url('images/10.jpg');
    }
    100%{
        background-image: url('images/10.jpg');
    }
}