質問: HTML, CSSを勉強しているものです。 下記のようにCSSのbackgroundを使えば簡単に画像の表示位置や表示領域をコントロールできると思います。
回答: img対応のCSSとしては、object-fit が有名です。 backgroundほど強力ではありませんが、実用性はとてもあると思います。 レスポンシブデザインには必須のスタイルですね。