body ist keine Klasse. Also einfach den Punkt am Anfang weglassen.
Vielleicht ist ja die eine Zeile zu wenig. Ich habe das noch wie folgt ergänzt
Ob die beiden letzten Zeilen erforderlich sind hängt vom Bild ab. Ggf. soll ja ein Repeat stattfinden. Als Beispiel mal folgende Webseite (ist zwar noch Joomla 3, da meine Joomla 4 - Seite noch im Test und daher nicht frei zugänglich ist. Aber das Vorgehen und die CSS-Anweisungen sind die gleichen)
Und dann noch was: ich habe mal auf Deiner Seite folgendes getan:
.container-header {
background-color: transparent;
background-image: none; }
Und dann war alles zu sehen. Vielleicht ist das sogar die bessere Lösung.
Und wenn du deine Seite einfach ohne dieses Hintergrundbild gestaltest? Mir schwimmt es etwas vor den Augen. Ich finde den Hintergrund auch nicht zeitgemäß. Ist aber nur meine persönliche Meinung.
Und man sollte auch die mobile Darstellung beachten!
Und wenn du deine Seite einfach ohne dieses Hintergrundbild gestaltest? Mir schwimmt es etwas vor den Augen. Ich finde den Hintergrund auch nicht zeitgemäß. Ist aber nur meine persönliche Meinung.
Und man sollte auch die mobile Darstellung beachten!
Ich finde es auch nicht gut. Habe kurz die Seite geöffnet und bin sofort wieder weg. Wenn du drauf schaust verschwimmt alles und die Augen tränen. Bitte mach den HG weg und nimm was anderes 
Bin doch etwas verwundert, denn wenn ich Deine aktuelle Seite aufrufe sieht es so aus:
Ich habe lediglich den header transparent gesetzt (rechts oben).
Oder habe ich was falsch verstanden? Willst Du eventuell den Hintergrund auch für die Modulpositionen einsetzen? Dann musst Du anstelle von black transparent benutzen. Die Anweisung mit black ist so schon richtig und auch an der richtigen Stelle.
Und übrigens: dem Kommentar von WM-Loose muss ich leider zustimmen.
Der wäre doch ganz nice:
https://codepen.io/toshiya-marukubo/pen/VwvVPoo 
Nee mal im Ernst - hier findest du wirklich viele schöne, auch dezente Ideen für moderne Backgrounds, wenn du nichts von langweiligen solid color Hintergründen hältst:
Hier z.B. ein Gradient mit leichtem blau-orange/rot-Akzent - passend zum Logo.
background: rgb(242,232,230);
background: radial-gradient(circle, rgba(242,232,230,1) 0%, rgba(218,221,224,1) 100%);generiert auf cssgradient.io.
Gruß
Pascal