Problem bei wrapping in flex container

[Christian]

Hallo,

ich habe eine Seite erstellt, bei der abwechselnd einmal links Foto, rechts Text und dann wieder rechts Foto, links Text angeordnet ist. Soweit so gut. Es sieht alles nicht schlecht aus. Allerdings möchte ich, dass ab einer bestimmten Fensterbreite das Bild über den Text "wrapt"/rutscht. Hab das aktuell mit min-width beim Bild gelöst, was aber nicht ideal ist, da ich es variabel halten möchte.

Hier mein Code: https://jsfiddle.net/u1my9xh3/

Hier die Seite, auf der es "richtig" funktioniert: http://bit.ly/2zBoskE

Ab ca. 700px Breite wird das Bild nach oben gesetzt und vergrößert sich dann wieder, ehe es wieder kleiner wird.

Kann mir hier jemand helfen? Hab leider keine Ahnung wie die das gelöst haben…

Danke!