object-position: which part of the photo remains visible

Useful to know

object-position determines where the contents of an image or video in its own box stand. When object-fit: cover cropped the picture, the position chose which area to keep. [1]

Example: img { width: 240px; height: 160px; object-fit: cover; object-position: 50% 20%; }. The top gets more space than the standard centering. The size of the HTML element itself remains the same. In a portrait, check that the face remains visible and on a narrower screen; one position is not suitable for all photographs.