Отличие между object-position и object-fit в CSS заключается в том, что каждое из этих свойств решает свои задачи:
- object-position задаёт положение содержимого замещаемого элемента внутри контейнера относительно координатных осей X и Y. html5book.ru Значение по умолчанию — 50% 50%, что выравнивает центр изображения с центром контейнера. www.sitepoint.com
- object-fit определяет, каким образом содержимое замещаемых элементов будет подогнано к краям контейнера тега в случае, когда для элемента заданы ширина и высота, отличные от его собственных размеров. html5book.ru Свойство масштабирует, обрезает или растягивает содержимое замещаемых элементов. html5book.ru
Таким образом, object-position определяет расположение элемента внутри контейнера, а object-fit — как элемент будет отображаться внутри него. www.sitepoint.com