【CSS】img画像の縦横比を保ったままボックス内に収める方法

【参考】

・基本は下記のソース

img {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
・今回自分が使用したのは
object-fit:scale-down
モダンブラウザならこれ付けただけでOKでした