How to implement scale with maintaining proportions in css?

Question

css

There is an image that is placed in a container and which needs to be scaled while maintaining proportions and centered if necessary.

I know how to do it in js. But before doing this, I wanted to know if the same thing can be done in the css language, which should have such capabilities at the native level. Is it possible and if so, how?

Answer 1

An image for the background and background-size:cover;
Or prescribe width or height, if something is one, then the second according to the proportions.

Answer 2

Maybe so?
background: url(/img.png) top center;