This property can be used for image, video, or any other media. The object-fit property specifies how an element responds to the width / height of it’s parent box.
Once your image is centered, you might want to resize it. If it is not a block element, you should add display: block CSS property along with the text-align property. Note: The parent element must be a block element. Since the text-align property only applies to block-level elements, you place text-align: center on the wrapping block-level element to achieve a horizontally centered. To center an image using text-align: center you must place the inside of a block-level element such as a div. It can be easily centered by adding the text-align: center CSS property to the parent element that contains it. An element is an inline element (display value of inline-block).