Центральный столбец соответствует тексту, столбцы слева и справа растянуты одинаково

Question

Я должен использовать следующую три колонки:

|div with stretched image|div adjusted to text|div with stretched image 2|

Текст должен быть центрирован, а div с растянутым изображением должны быть растянуты одинаково.

Возможно, некоторые div с растянутым изображением будут пустыми. Например:

<div display="flex">
  <div><img src=...></img>
  </div>
  <div>Text</div>
  <div><img src=...></img>
  </div>
</div>

<div display="flex">
  <div></div>
  <div>Text</div>
  <div><img src=...></img>
  </div>
</div>

<div display="flex">
  <div><img src=...></img>
  </div>
  <div>Text</div>
  <div></div>
</div>

Более или менее конечный результат должен выглядеть следующим образом:

+----------------------------------------------------------+
|                    |Adjusted to text|                    |
|                      |Adjusted to |                      |
|                        |Adjusted|                        |
|                    |Adjusted to text|                    |
|                      |Adjusted to |                      |
|                        |Adjusted|                        |
+----------------------------------------------------------+

Как мне этого добиться с помощью flexbox?