Olá Pessoal,
Dependendo o tamanho que reduzimos a tela, a imagem pode ficar espremida e para isso podemos incluir uma pequena alteração no código CSS na parte do @media.
Podemos incluir a classe da imagem que criamos e definir o width como auto, conforme código abaixo.
.apresentacao__imagem {
width: auto;
}
Dessa forma a imagem vai acompanhar o tamanho da tela.
Abraços.
Olá, Rafael!
Agradeço por compartilhar sua sugestão conosco. Realmente, a utilização do width: auto; pode ser uma excelente alternativa para evitar que as imagens fiquem espremidas quando estamos trabalhando com responsividade.
Obrigado pela colaboração com a comunidade e continue explorando e se desafiando cada vez mais!
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!