Равномерное растягивание IMG внутри блока DIV

[LUC]

Имеем квадратный (равносторонний) div, внутри него лежит img:

<div><img src="" /></div>

Нужно сделать так, чтобы картинка растягивалась на весь объем дива и не оставалось пустого пространства, вот так:

 

То есть, если изображение вертикальное, то растягивается по ширине дива, а если горизонтальное - по высоте. При этом края скрываются overflow:hidden. Нужно CSS-решение, без скриптов.   

P.S. Это должно работать как background:cover, только применительно к img.

[Igor Schnaider]

object-fit?

[LUC]

object-fit?

Благодарю! То, что нужно.