ランディングページを作っているのですが、右に空白が空いてしまう。

html
1<div class="ichiban-3">
2<img class="ac" src="1476268_s_wi/genso.jpg">
3</div>
4
5<div class="box12-3 distanceHundred12">
6<img class="sha4" src="1476268_s_wi/genso1.png">
7</div>
8
9<div class="box12-4 distanceHundred13">
10<img class="sha5" src="1476268_s_wi/genso2.png">
11</div>
12`````````css

.ichiban-3 {text-align:center; margin :300px 0px;}

.ac {width :800px;}

.box12-3 {
width :100%; text-align:center;
position: absolute;
top: 4830px; /ブラウザのウィンドウ基準/
left: 98px; /ブラウザのウィンドウ基準/
font-weight: bold;
padding: 0em;
margin: 0 auto;
}

.sha4 {width :310px;}

.box12-4 {
width :100%; text-align:center;
position: absolute;
top: 4863px; /ブラウザのウィンドウ基準/
left: -123px; /ブラウザのウィンドウ基準/
background: #00000000;
font-weight: bold;
padding: 0em;
margin: 0 auto;
}

.sha5 {width :262px;}

javascript
1sr.reveal('.distanceHundred12', { distance: "500px", origin: "right", delay: "600" });
2// Distance
3sr.reveal('.distanceHundred13', { distance: "500px", origin: "left", delay: "1000"});
4```
5### 前提・実現したいこと
6
7ランディングページを作っているのですが、ページの右にスクロールすると白色の空白が空いてしまい、
8困っている。ブラウザ画面に
9
10### 発生している問題・エラーメッセージ
11
12```
13エラーメッセージ
14```
15
16### 該当のソースコード
17
18```ここに言語名を入力
19ソースコード
20```
21
22### 試したこと
23
24ここに問題に対して試したことを記載してください。
25
26### 補足情報（FW/ツールのバージョンなど）
27
28ここにより詳細な情報を記載してください。