画面を画像で3分割し、それぞれにリンクから別画面に移動

タイトルの通りですが、縦は上手く行くのですが横が上手く行きません(横が画面よりはみ出てしまいます)。
何か良い表示方法はありますでしょうか？
お詳しい方いらっしゃいましたらお願いします。

    #img {
        width: 100%;
        height: 33%;
 }

    #img2 {
        width: 100%;
        height: 34%;
 }
    
    #img3 {
        width: 100%;
        height: 33%;
 }

    <div id="img">
        <a href="index.html"><img src="img/image_home_01.jpg"></a>
    </div>
    <div id="img2">
        <a href="index.html"><img src="img/image_home_02.jpg"></a>
    </div>
    <div id="img3">
        <a href="index.html"><img src="img/image_home_03.jpg"></a>
    </div>