I can't make a background image for all my components, I made a style direct in html file of app-component, I tried on app-component.css html{} and body{} but it didn't work.

<div
  class="container -5m"
  style="
    background-image: url(../../assets/background.jpg.crdownload);
    background-size: cover;
  "
>
  <nav>
    <a routerLink="/" class="btn btn-success">acceuil</a>
    <a routerLink="/register" class="btn btn-success">register</a>
    <a routerLink="/login" class="btn btn-success">login</a>
  </nav>

  <router-outlet></router-outlet>
</div>