object-position

The object-position CSS property specifies the alignment of the selected replaced element’s contents within the element’s box. Areas of the box which aren’t covered by the replaced element’s object will show the element’s background.

You can adjust how the replaced element’s object’s intrinsic size (that is, its natural size) is adjusted to fit within the element’s box using the object-fit property.

Values: <position> From one to four values that define the 2D position of the element. Relative or absolute offsets can be used.

Values: Note: The position can be set so that the replaced element is drawn outside its box.

Syntax example: object-position: top;