Как отцентрировать flexbox-ом картинку по центру?
<span>about</span> сделать фиксированной ширины + добавить второй с другой стороны и сделать ему opacity: 0<div class="abou__item">
  <span>about</span>
  <img src="img/about2.jpg" alt="">
  <span style="opacity: 0;">about</span>
</div>
Тогда этот блок будет всегда одинаковой ширины, с картинкой посередине
justify-content: center; // центируем по оси х
align-items: center; // центируем по оси у