Object-fit : cover ne fonctionne pas

Bonjour,

Bonjour,

J'essaye de recadrer des images au format carré tout en gardant le ratio de l'image grâce à CSS3 et la propriété object-fit. J'ai lu plusieurs ressources sur le net que je crois comprendre mais quand j'essaye de les appliquer le résultat ne va pas du tout elles paraissent comme étirées dans le carré.

Voici mon code html

<div id="post2">
			<img class="cover" src="img/portrait1.jpg">
			<img class="cover" src="img/portrait2.jpg">
			<img class="cover" src="img/portrait3.jpg">
		</div>

et mon css

#post2 img {
  width: 200px;
  height: 200px;
  border: 1px solid;
}

.cover {
	object-fit: cover;
}

Pouvez vous m'éclairer sur ce qui cloche ?

Merci d'avance