bodyからはみ出さないように画像を表示させたい

Question

前提・実現したいこと

HTMLとCSSでコーディング練習をしています。
画像をbodyいっぱいに表示させたいのですが、bodyからはみ出してしまいます。
bodyからはみ出さず、bodyいっぱいに広げて表示させるにはどのようにすればよいか教えて頂きたいです。

発生している問題・エラーメッセ

画像がbodyからはみ出してしまう。

該当のソースコード

HTML　 <img src="img/main_visual.jpg" class="image-vw">
CSS　　.image-vw { width : 100vw;　height : auto;　}

試したこと

vwで画面いっぱいに表示されるようにしたがはみ出してしまう。

補足情報（FW/ツールのバージョンなど）

Answer 1

max-widthを100%にするとか工夫が必要かもしれません。
それともoverflowで隠すのか、どうしたいかにもよります

Comments

[退会済みユーザー]

ありがとうございます。解決しました。