J'ai le CSS suivant (en utilisant Bootstrap) pour redimensionner une image afin qu'elle tienne dans un conteneur 16:9 sans l'étirer :

Cette méthode fonctionne, mais lorsque je l'utilise dans une grille Bootstrap, l'image déborde de la grille (je pense parce que j'ai fixé la taille avec des valeurs absolues). Comment puis-je redimensionner l’image sans la déborder ?

(Informations de base : ceci est utilisé dans un composant de galerie, les images qui arrivent peuvent être de tailles différentes, je dois donc toutes les redimensionner pour les afficher dans le même conteneur de taille, il peut y en avoir des noires en haut ou marge inférieure)