CSS 데모: object-position 데모 버튼을 클릭해 보세요!
selector {
    object-position: <position>;
}
/* 키워드 값 */
object-position: top;
object-position: bottom;
object-position: left;
object-position: right;
object-position: center;
object-position: center top;

/* 퍼센트 값 */
object-position: 45% 55%;

/* 길이 값 */
object-position: 0 0;
object-position: 1cm 2cm;
object-position: 13ch 6em;

/* 모서리 오프셋 값 */
object-position: top 0 right 10px;
object-position: bottom 12px right 20px;
object-position: right 3rem bottom 10px;

/* 전역 값 */
object-position: inherit;
object-position: initial;
object-position: unset;
object-position: revert;
object-position: revert-layer;
<img src="earth.jpg" alt="우주에서 둥글고 푸른빛으로 빛나는 지구">
img {
    width: 260px;
    height: 250px;
    border: 1px solid red;
    object-fit: none; /* 이미지가 원래 크기대로 나타납니다. */
    object-position: left bottom;
}
실제 적용 모습

caniuse.com에서 더 자세한 정보를 확인해 보세요.