Saya mempunyai CSS berikut (menggunakan Bootstrap) untuk mengubah saiz imej supaya muat ke dalam bekas 16:9 tanpa regangan:

Kaedah ini berfungsi, tetapi apabila saya menggunakannya dalam grid Bootstrap, imej melimpahi grid (saya fikir kerana saya menetapkan saiz dengan nilai mutlak). Bagaimanakah saya boleh mengubah saiz imej tetapi tidak melimpah?

(Maklumat latar belakang: Ini sedang digunakan dalam komponen galeri, imej yang masuk mungkin berbeza saiz, jadi saya perlu mengubah saiz semuanya untuk dipaparkan dalam bekas saiz yang sama, mungkin terdapat yang hitam di bahagian atas atau jidar bawah)