Позиционирование картинок с object-fit

object-position указывает смещение изображения при использовании свойства object-fit. Это аналог bacground-position, без использования блока с background.

img {
  display: block;
  width: 350px;
  height: 350px;
  object-fit: cover;
  object-position: right top; //можно в % и пикселях
}

Кажется, что браузеры вычисляют значения от левой границы родительского элемента. Но, это не так:)

Браузеры анализируют ширину изображения и контентной области, в котором оно находится. Далее отсчитывают значение 80% от левого края изображения и родительской контентной области. И на последнем этапе смещают изображение так, чтобы точки совпали.

img {
  display: block;
  width: 350px;
  height: 350px;
  object-fit: cover;
  object-position: 80% top;
}