Baylys: Slider und Header in Breite begrenzen

Hallo,

ich verwende auf der Startseite einen Responsive Slider und auf den anderen statischen Seiten jeweils ein Headerbild. Wenn ich die Seite nun am iMac 27 Zoll anschaue ist es etwas gruselig, weil die Bilder in der Höhe beschnitten werden.

Wie richte ich es ein, dass sowohl Slider als auch Header mit einer max. Breite von 1400 px und mit einer max. Höhe von 550 px angezeigt werden – egal wie groß ich das Browserfenster ziehe? Drum herum soll sich dann einfach Weißraum zeigen.
Wenn ich den Browser verkleinere sollen sich die Bilder natürlich verkleinern, damit es responsive bleibt.

Vielen Dank schon einmal für eure Hilfe.

Viele Grüße Katharina