O Flexbox possui esse comportamento em que estende as imagens à sua altura natural. Em outras palavras (mais específicas), se eu tiver um contêiner flexbox com uma imagem filho e redimensionar a largura dessa imagem, a altura não será redimensionada e a imagem será esticada.

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

E esta folha de estilo

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

Eu adicioneiEste código para demonstrar o que quero dizer. O que causa isso?