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; }