How to stretch an image to full width and height?

Question

css

Hey! This is how I center images by height jsfiddle.net/30gngdw0/. those. the image has the width of the parent container, but if it is higher than its height, then it is centered, and the edges of the image are hidden behind the edges of the container (for example, picture 1 ).
The question is what to do if an image appears in the same container that is smaller than the height of the container (for example, picture 2 )? Is it possible to center the image both vertically (already done) and horizontally so that the images occupy the entire area of ​​the container, regardless of the length or width? Keeping the proportions of the picture is a must!
In fact, picture 2 in pixels is still larger in height than the container

Answer 1

jsfiddle.net/30gngdw0/2