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

On définit d'abord la valeur sur l'axe des X, puis sur l'axe des Y.

Les valeurs utilisées sont:

• axe des X: left, center, right
• Axe des Y: top, center, bottom

.container {
  background-image: url(../img/image.jpg);
  background-repeat: no-repeat; 
  background-position: center bottom;
}

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

.container {
  background-image: url(../img/image.jpg);
  background-repeat: no-repeat; 
  background-position: right top;
}

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

<aside> ⬅️ Taille de l’image

</aside>

<aside> ➡️ En une seule ligne

</aside>