Pour définir la taille de l'image, on utilise la propriété background-size.

On peut définir une valeur...

en pourcentage

Par rapport à l’élément HTML

.container {
  background-image: url(../img/image.jpg);
  background-repeat: no-repeat; 
  background-size: 100%;
}

https://codepen.io/nbuntsch/pen/bGvXaoe

en pixels

Pour définir une taille fixe

.container {
  background-image: url(../img/image.jpg); 
  background-repeat: no-repeat;
  background-size: 200px;
}

https://codepen.io/nbuntsch/pen/RwMXxjb

contain

afin que l'image soit entièrement visible tout en étant aussi grande que possible

.container {
  background-image: url(../img/image.jpg); 
  background-repeat: no-repeat;
  background-size: contain;
}

https://codepen.io/nbuntsch/pen/ZExgvvv

cover

afin que l'image couvre totalement l'élément HTML en étant aussi petite que possible

.container {
  background-image: url(../img/image.jpg); 
  background-size: cover;
}

https://codepen.io/nbuntsch/pen/bGvXaLw

<aside> ⬅️ Répétition de l’image

</aside>

<aside> ➡️ Position de l’image

</aside>