Почему при загрузке картинки в background-image возникает ошибка Cannot GET /img/*.jpg?

Question

[Екатерина Суслова]

В папке 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;
}

Ошибка возникает при попытке загрузки только этой картинки. Я ее экспортировала из Фигмы в разных форматах с разными наименованиями. Это не помогло. Путь к файлу точно рабочий.
Подскажите, пожалуйста, на что еще нужно обратить внимание.

Comments

[Вадим]

Файловую структуру проекта прикрепите к вопросу, и желательно полное название картинки из проводника.

[Екатерина Суслова]

Полное название картинки из проводника - thrivetalk\source\img\smoothies-image.jpg