Возможность добавить фоновое изображение из файла style.s css, но не из любого другого файла sass в моем проекте Angular?

Question

Я использую стиль, который позволяет мне добавить фоновое изображение вместе с оверлеем на моем сайте.

// styles.scss file
body
{
        background-image: url('../src/assets/imgs/back.jpg');
        background-position: center;
        background-size: cover;
        background-attachment: fixed;

         &:after // THIS IS THE OVERLAY
        {
            content: ''; 
            position: absolute;
            top: 0;
            right: 0%;
            width: 100%;
            height: 100%;
            z-index: -5;
            background-color: rgba(#444, 0.8);
        }

}

Когда я добавляю этот код в мои стили. css, кажется, работать, но проблема в том, что он добавляет этот дизайн ко всем моим веб-страницам. Поскольку я хочу, чтобы этот дизайн отображался только на моей домашней странице, при добавлении его в файл homepage.s css появляется ошибка.

Я изменяю имя пути фонового изображения

// home-page.component.scss file
body
{
        background-image: url('../../../assets/imgs/back.jpg');
        background-position: center;
        background-size: cover;
        background-attachment: fixed;

         &:after // THIS IS THE OVERLAY
        {
            content: '';
            position: absolute;
            top: 0;
            right: 0%;
            width: 100%;
            height: 100%;
            z-index: -5;
            background-color: rgba(#444, 0.8);
        }

}

Ошибка, которую я получаю:

home-page.component.scss:16:12: Can't resolve '../../../assets/imgs/back.jpg' in...