Mes boîtes se déforment à réduction du site

Bonjour,

Je suis entrain de créer un petit site web en html et css.

Je rencontre un problème avec mes boîtes de textes et images.

Lorsque je réduis la page web par sa largeur, celui-ci se déforme, les boîtes deviennent plus grandes en hauteur, afin que le texte s'insère toujours dedans, pareil pour les images.

Lorsque je réduis la page web par sa longueur (par le haut ou par le bas), je ne rencontre aucun problème.

Dans mon code css, mes valeurs sont uniquement exprimées en %.

SI quelqu'un peut m'aider je suis preneur, je ne trouve pas d'explication ou de solution.