こんにちは！
例えばスマホ画面では良い感じに見えている画像がPC画面だと見切れてしまう、というのはよくある話ですが、これは表示領域の比率が違うのである意味当然ですよね！
正方形の画像を横長の表示領域に表示させようとすると、
- 画像が横に引き延ばされて表示される
- 今回のように横は揃うが上下が見切れる
のどちらかになるかと思います。
なので、よくあるのは「PC画像とスマホ画像の2種類を用意して、端末によって出し分ける」とか「PC画面のときでも同じ比率で画像を表示させる(余白が生まれる)」というやり方ですが、質問者様がどのような表示方法を想定しているかによって回答が変わると思います！