Hallo,
wieso ein extra div für das Bild? Ich würde es in der jeweiligen Überschrift als Hintergrundbild setzen. Die Ausrichtung der Überschrift (h2) und des Textes (p) mit etwas margin und/oder padding im jeweiligen Container abstimmen.
wenn ich mit Flex arbeite dann benötige ich laut der Aussage von Peter Müller ein Div welches zu display:flex; wird. Darin sind zwei weiteres divs die dann schön nebeneinander platziert werden.
Ich habe es hier getestet: http://carmen-bplaced.bplaced.net/. Finde es sieht gar nicht schlecht aus? OK vielleicht alles noch etwas breiter, dass die Leistungen nicht so gequetscht werden.
Ob article hier das richtige Element ist, kann ich nicht sagen, da sich mir die Semantik von HTML 5 in weiten Bereichen noch nicht erschließt.
Ich verstehe auch nicht so recht wenn man article oder section nehmen soll.