Фоновая анимация с изображением сверху

Question

Я пытаюсь создать анимацию CSS в своем угловом проекте.У меня есть изображение, и я пытаюсь оживить его фоновое изображение.Изображение загружается, а фоновое изображение - нет, и в консоли нет ошибки (файл polkaDots.jpg не отображается).Вот как выглядит структура моей папки:

my-app
 - src
  - app
   - component
    - component.css
    - component.html
  - assets
   - images
    - homebackground.jpg
    - polkaDots.jpg

component.html

    <img back-img id = "homebackground" src="assets/images/homebackground.jpg" >

component.css

    #homebackground{
    width: 100%;
    height: 25%;
    position: absolute;
    left: 0%;
    bottom: 0px;
    overflow: hidden;
    z-index: 0;
    background: url('../../assets/images/polkaDots.jpg');
    opacity: .4;
    animation: sparkle_animation 75s linear infinite;
}
@keyframes sparkle_animation{
    0%{background-position: 0 0;}
    100%{background-position: 0 150px;}

}