【CSS】img画像の縦横比のまま表示させたいボックスサイズの大きい方に合わせる

ハコの大きさは決まってるから、縦横いっぱいに縦横比は変えず表示するとき

画像のボックスに
width: 300px;
height: 200px;
(最大サイズ)

画像自体に
width:auto;
height:auto;
max-width:300px;
max-height:200px;
を設定する