В папке img есть несколько картинок. В разметке есть список. Для элемента списка пытаюсь загрузить фоновую картинку через background-image. Любые другие картинки по url в той же папке img загружаются на страницу, а та, которая нужна именно в этом блоке, не загружается. Вместо нее появляется ошибка "Cannot GET /img/smoothies-image.jpg".
<ul class="services-list">
<li class="services-list__item">
<div class="services-list__line"></div>
<span class="services-list__text">Nutrition</span>
</li>
.services-list__item:nth-child(3) {
width: 480px;
height: 480px;
background-image: url("../img/smoothies-image.jpg");
background-repeat: no-repeat;
background-color: #76b58b;
}
Ошибка возникает при попытке загрузки только этой картинки. Я ее экспортировала из Фигмы в разных форматах с разными наименованиями. Это не помогло. Путь к файлу точно рабочий.
Подскажите, пожалуйста, на что еще нужно обратить внимание.
