画像(<img>)やビデオ(<video>)の横幅(width)や高さ(height)と object-fit を指定した場合のオブジェクトの表示位置を指定します。

設定例を下記に示します。

object-position: center top;             /* 左右中央、上部 */
object-position: 10px 20px;              /* 左端から10px、上端から20pxの場所 */
object-position: right 10px;             /* 右端から10pxの場所 */
object-position: right 10px bottom 10px; /* 右端から10px、下端から10pxの場所 */

.test {
  display: inline-block;
}
.img1 {
  width: 180px;
  height: 120px;
  border: 1px solid #000;
  object-fit: none;
}
.center-top {
  object-position: center top;
}
.pos-10-20 {
  object-position: 10px 20px;
}
.pos-r10-b10 {
  object-position: right 10px bottom 10px;
}

<div class="test">
  <div>center top</div>
  <img class="img1 center-top" src="example.gif" alt="test">
</div>
<div class="test">
  <div>10px 20px</div>
  <img class="img1 pos-10-20" src="example.gif" alt="test">
</div>
<div class="test">
  <div>right 10px bottom 10px</div>
  <img class="img1 pos-r10-b10" src="example.gif" alt="test">
</div>

center top

10px 20px

right 10px bottom 10px

• https://developer.mozilla.org/ja/docs/Web/CSS/object-position
• https://drafts.csswg.org/css-images/#the-object-position