Das Hintergrundbild kann problemlos verzerrt werden. Es muss nur immer die volle Breite ausfüllen und die Trennung schwarz/rot genau in der Mitte des Fensters verlaufen.
Das geht auch ohne Hintergrundbild, wenn es nur um zwei farben geht.
Ein Element mit 50 % Breite hinter die anderen Elemente positioniert mit entsprechender Farbe - body oder html bekommen die andere Farbe.