Разница между object-fit и object-position заключается в том, что каждое из этих свойств решает разные задачи в стилизации изображений и видео. 12
Object-fit определяет, как изображение (или видео) будет растягиваться или сжиматься, чтобы заполнить поле своего родительского контейнера. 1 Это необходимо, когда размер или соотношение сторон картинки отличается от оборачивающего блока. 1
Object-position определяет, где внутри контейнера будет располагаться изображение. 1 Оно принимает два числовых значения: одно для вертикальной оси, а другое — для горизонтальной. 1 Эти числа могут быть в процентах, пикселях или других единицах измерения и могут быть отрицательными. 1 Также можно использовать некоторые ключевые слова, такие как center, top, right и т.д.. 1 По-умолчанию изображение располагается в центре контейнера. 1