object-fit определяет как содержимое img, video, canvas масштабируется внутри своего контейнера. cover — заполняет контейнер, обрезая лишнее (как background-size: cover). contain — помещается целиком, могут быть пустые области. fill — растягивает без сохранения пропорций. none — оригинальный размер. scale-down — как none или contain, что меньше. object-position смещает содержимое внутри контейнера. Без object-fit изображения растягиваются или сжимаются непропорционально.

Что такое CSS-свойство object-fit?