Как решить проблему flex-column в Safari?

Получил странный баг на сафари при верстке flex-column в flex-wrap-e. Для наглядности сделал пример https://codepen.io/BohdanchukVL/pen/ExYRXPv

В хроме ряд держится посредине и колонка как и колонка из трех элементов. В safari же align-content-center как буд-то совсем не работает. -webkit-align-items: center - не вариант, элементы отображаются по другому, тот-же content-between перестает работать.