No entiendo muy bien el problema que tienes. Las img las tienes con width=100%. Solo hay un articulo en la página de la que hablas?
Si pones varias imagenes con texto dentro de etiquetas <div> o <article> lo suyo es indicar en los estilos el flex-wrap: wrap; Para hacer que las cajas bajen a una fila inferior en vez de ocupar todas el mismo ancho que es el comportamiento por defecto display:flex
http://www.w3w3b.com/blog/noticia/maquetaci%C3%B3n-web-responsive-sin-frameworks-ni-jquery-parte-ii
Ahí tengo un ejemplo del uso del flex-wrap:wrap
Espero ser de ayuda.