Несколько значений свойства object-fit, которые могут быть эффективны для веб-дизайна:

• fill. 12 Изображение заполняет всю доступную область элемента, при этом его пропорции могут быть искажены. 1 Задача fill — растянуть картинку до размеров её бокса. 1
• contain. 12 Изображение пропорционально масштабируется, чтобы целиком поместиться внутри родительского элемента. 1 При этом изображение может иметь пустые области по бокам, сверху или снизу. 1 Задача contain — сохранить пропорции оригинальной картинки, бокс заполнять не обязательно. 1
• cover. 12 Изображение масштабируется таким образом, чтобы полностью заполнить родительский элемент. 1 Пропорции сохранятся, но всё, что не поместится в размер бокса, обрежется. 1

Выбор значения зависит от конкретных задач веб-дизайна.