Изображение отображается на локальном хосте и загружено в Heroku, но не отображается

#javascript #image #vue.js #heroku

Вопрос:

Изображение отображается на локальном хосте и использует тот же URL-адрес. Расширение файла и имя файла совпадают. Изображение ниже показывает, что файл действительно размещен на Heroku, но он не отображается в виде кода. Я дополнительно проверил наличие проблем с файлами cookie/кэшем/локальной машиной, но это не так.

Код CSS:

 .banner {
  background-image: url("./assets/header.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  width: 100%;
  min-height: 100%;
  position: fixed;
  display: block;
  left: 0px;
  top: 0px;
  opacity: 90%;
  filter: brightness(20%);
}
 

Отображается как размещенный в Heroku