Nachdem oben ein kleines Titelbild mittig angezeigt wird, dessen Größe prozentual von der Bildschirmhöhe abhängig ist, folgt hier nun der erste Artikelabsatz.

Links ein großes Bild über die halbe Bildschirmbreite.
Rechts der Text dazu.

Bild und Text füllen in der Breite jeweils den halben Bildschirm voll aus.

Bild und Text sind aneinander in der Höhe zentriert.
Wird der Text größer als das Bild, zentriert sich das Bild.
Wird der Text kleiner als das Bild, zentriert sich der Text.
Ausprobieren kann man das indem man das Browserfenster verkleinert und vergrößert.

Das Bild wird in der Breite immer vollständig angezeigt. Es ändert seine Größe je nach Bildschirmgröße. Ggf. wird es oben und unten Beschnitten.

Empfehlung: Nur freigestellte Objekte mit weißem Hintergrund als Bild verwenden!

Absatz Nr. 2:

in den Eigenschaften identisch mit obigem Absatz, jedoch nun der Text links und das Bild rechts.

Man kann auch mehr als 2 Spalten nebeneinander machen. Wie zum Beispiel hier:

Bild - Text - Bild