Flexbox имеет такое поведение, когда он растягивает изображения до их естественной высоты. Другими (более конкретными) словами, если у меня есть контейнер flexbox с дочерним изображением, и я изменяю ширину этого изображения, высота не изменяется вообще, и изображение растягивается.

<div>
    <img src="https://loremflickr.com/400/300" >
    <h4>Appify</h4>
    <p> some text </p>
</div>

И эта таблица стилей

div {
  display: flex; 
  flex-wrap: wrap;
}
img{ 
  width: 50%
}

я добавилЭтот коде чтобы продемонстрировать, что я имею в виду. Что вызывает это?