What is object-position?

Object-position is a CSS property that sets the alignment of replaced content within its content box.

When to use object-position?

- To control the focal point of cropped images or videos

- Alongside object-fit for precise art directionWhen not to use object-position? - When full media visibility is required regardless of cropWhat is the anatomy of object-position?

- Keywords and percentage values

- X and Y axes with logical and physical directions

- Interplay with object-fit values