skalieren von Bildern im Header

Hallo,
habe noch eine Seite und J3 laufen, die Umstellung erfolgt, wenn alle benötigten Module unter J4 verfügbar sind.
Habe mal auf der Seite ein Headerbild mit
#header {
   background-image: url('/images/homepage/bild_001b.jpg');
   background-size: cover;
   max-width: 100%;
}
eingefügt.

www.mfc-saturn.de

Das Bild hat das Format 749*180 Pixel. In der mobilen Ansicht wird es nicht skaliert.
Gibt es da eine Möglichkeit?

Danke

Gruß
Jochen

background-size ist denke ich schon der richtige Weg. Ich müsste aber ausprobieren welcher Wert da der richtige ist.
kulturbanause.de/blog/flexible-css-hinte...sponsive-web-design/ hat da ne gute Übersicht finde ich.

Danke, ich probiere mich da mal durch.

Die Headerhöhe passt sich leider nicht an das Bild an.

Habe jetzt erstmal

#header {
background-image: url('/images/homepage/bild_001b.jpg');
background-size: 100% 100%;
min-height: 200px;
}
eingetragen.

Ist jetzt auch erstmal nur für den Übergang, mit der Umstellung nach J4 gehe ich das nochmal an. Vielleicht muss ich auch die Bilder in anderer Größe erstellen.

Danke

@Jochen, du hast hier www.mfc-saturn.de/termine/year.listevents/2023/11/17/-.html einen tollen Kalender. Was ist das für ein Modul oder Plugin?

Das ist JEvents