Bildschirmfüllende Hintergrundbilder
Für bildschirmfüllende Hintergrundbilder stehen drei CSS-Werte zur Verfügung: contain, cover und 100% 100%:

Bei background-size: 100% 100% wird das Hintergrundbild genau an das Element angepasst. Das bedeutet, dass das Hintergrundbild dabei eventuell verzerrt wird.

Mit background-size: contain wird das Hintergrundbild immer ganz angezeigt; es kann allerdings sein, dass daneben noch die Hintergrundfarbe zu sehen ist.

Bei background-size: cover füllt das Hintergrundbild das Element ganz aus, wird aber eventuell abgeschnitten.