flex boxのこ要素にimgがある場合、safariだと縦にびよーんと伸びてしまったりすることがある。

原因は flex の align-items のデフォルトが stretch なためで、縦にストレッチしちゃう。

なので、

align-items:flex-start;

とするのがよい。
場合よってはflex 親要素に追加で

height:auto;

が必要かも。

align-itemsの詳細はこちらのページがわかりやすい。いまだに見ている…ありがたや。