[HTML/CSS]画像の高さを一定にしたい

Question

#前提・実現したいこと
ページを横に伸縮させても、
縦横比は保たれたまま画像の高さの幅は固定された状態にしたいです。

img{
   width:100%;
   height:200px;
   background-size:cover;
}

上記のように高さをpxにすることで
高さの幅は変わらないと思ったのですが、
やはりページを横に伸ばしたり縮ませたりすると、縦横比は保たれたまま高さだけが可変してしまいます。

どなたかよろしければ知恵をお借しいただけないでしょうか？
よろしくお願い致します。。

Answer 1

paddingを入れていたことが原因でpx指定しても高さを固定できなかったようです。
ご回答いただきありがとうございました！

Answer 2

こういうことですか?

img{
    /* width:100%; */
    width: auto;
    height: 200px;
    background-size: cover;
    display: block;
}