object-position controls the placement of img and video media inside containing boxes. It's a partner property to object-fit. Using the two properties together gives full control over image scaling, placement, and cropping.

 

  <body>
    <img
      class="square-image"
      style="object-position: 60% 60%"
      src="https://placekitten.com/200/300"
      alt="kitten at 2x3"
    />
    <img
      class="square-image"
      style="object-position: center top"
      src="https://placekitten.com/300/200"
      alt="kitten at 3x2"
    />
  </body>
.square-image {
  width: 100px;
  height: 100px;
  object-fit: none;
}