Почему Слайдер «не видит» фото?

Почему слайдер не видит фото? ((((((((((( Уже часов 5 сижу и слайдера 4 перепробовала...
Скачала готовый код для слайдера

HTML код

</div>
    <ul class="cover-slider">
        <li class="cover-slider__slide">
            <span class="hide">Alt Tag</span>
        </li>
        <li class="cover-slider__slide">
            <span class="hide">Alt Tag</span>
        </li>
        <li class="cover-slider__slide">
            <span class="hide">Alt Tag</span>
        </li>
        <li class="cover-slider__slide">
            <span class="hide">Alt Tag</span>
        </li>
    </ul>
</div>

CSS код

.cover-slider__slide:nth-child(1) {
  background-image: url("https://unsplash.it/640/480");
}
.cover-slider__slide:nth-child(2) {
  background-image: url("https://unsplash.it/641/480");
}
.cover-slider__slide:nth-child(3) {
  background-image: url("https://unsplash.it/641/481");
}
.cover-slider__slide:nth-child(4) {
  background-image: url("https://unsplash.it/643/482");
}

Меняю ссылку на другое фото
https://unsplash.it/640/480 =>> https://unsplash.com/photos/nvtJoYiIM2Q
или
https://unsplash.it/640/480 =>> background-image: url("img/1.png");
НЕ ВИДИТ..... ((( только пустое белое окошко показывает....

background-size: cover;
background-position: center;
repeat: no-repeat;
Эти 3 строки тоже добавляла, всё равно не работает.... И так 4 разных слайдера...
В чём может быть причина? Раньше такого не было...