Разная высота картинок в браузерах при -webkit-box

Разная высота картинок в браузерах при -webkit-box, в chrome высота 315 а в safari высота по блоку рядом, то есть ниже 220.

<div class="iPhone_block_3"> <img src="картинка" alt=""> <div
class="mk5"> <h2>Заголовок</h2> <p>текст</p> </div> </div>

.iPhone_block_3 {
    background: #f5f5f5;
    overflow: hidden;
    display: flex;
    border-top: 10px solid #fff;
    /* align-items: center; */
    display: -webkit-box; }