Как сверстать такое на флексбоксах?

ну родителю задай justify-content: column;

внутри:

<h3>Что может быть лучше...</h3>
<nav>
    <ul>
        <li>Прохладная</li>
        <li>Минеральная</li>
        <li>Освежающая</li>
    </ul>
</nav>
<!-- ul задай дисплей флекс -->
<div>содержимое</div>

А в содержимом блоки с абсолютным позиционированием. Иначе как еще их расположить полукругом.