Hero Content etwas nach rechts verschieben - aber wie?

[COLOR=#555555][FONT=Roboto]Hallo,[/FONT][/COLOR]
[COLOR=#555555][FONT=Roboto]ich möchte meinen Hero Content - derzeit weiß hinterlegt - etwas nach rechts schieben, dass das Bild mit dem Gesicht nicht so abgedeckt ist. => http://www.coaching-speyer.de[/FONT][/COLOR]
[COLOR=#555555][FONT=Roboto]Ich bekomme es einfach nicht hin? Was muss ich in dem folgenden CSS Code ändern oder noch hinzufügen?[/FONT][/COLOR]
[COLOR=#555555][FONT=Roboto]/* Desktop -----------*/
Media only screen and (min-width : 480px) {
.hero-title {
font-size: 2.813em;
font-family: "Open Sans";
background-color: #ffffff;
padding: 20px;
}

.hero-text {
font-family: "Open Sans";
background-color: #ffffff;
padding: 20px;
}[/FONT][/COLOR]
[COLOR=#555555][FONT=Roboto].hero-content {
display: flex;
justify-content: center;
align-items: center;
}
}[/FONT][/COLOR]
[COLOR=#555555][FONT=Roboto][FONT=Roboto]VG Marco[/FONT][FONT=Roboto][/FONT][/FONT][/COLOR]

Hallo SEpp55,

mega geil, hat super funktioniert. Danke!

Darf ich noch ein paar Fragen stellen?

- Wenn ich am Desktop das Fenster sehr sehr schmal mache, dann verliert die Startseite die Formatierung des Hero Contents. Wie kann ich das umgehen?
- Auf dem iPhone 6: Da möchte ich gerne das Hintergrundbild mehr in der Mitte haben, bzw. mehr nach rechtsverschoben haben. Da ist die Person auf dem Bild extrem weit links aus dem Bild geschoben - was mache ich da?

Vielen Dank schon mal.
Liebe Grüße

@all: Das ist genau der Punkt: Ellen von Elmastudio reagiert seit Tagen/Wochen nicht. Ich war etwas anderes gewohnt in der Vergangenheit. Mit Pukeko läuft aber einiges nicht rund.