Bootstrap HTML でスマホ表示について

下記のコードが書かれている Bootstrap と HTML を使用したサイトがあります。
こちらのサイトをスマホで表示にすると images/002.jpg の画像が表示されなくなってしまいます。
images/001.jpg の方は問題なく表示されます。

images/002.jpg の方の画像が表示されなくなる原因がわからなくてご質問させていただきました。

また、コードは問題となっている部分を抜き出したものになります。

宜しくお願いします。

Bootstrap
1
2	<section id="about" class="section">
3            <div class="container-fluid">
4                <div class="row align-items-center no-gutters">
5                    <div class="col-lg-6 col-12">
6                        <div class="section-heading text-center sm-pb-50 sm-pt-50">
7                          <h5 class="sub-heading">TextTextText <i class="fa fa-arrows"></i></h5>
8                            <h2 class="heading fs-40 mb-10 f-w3">テキストテキスト/h2>
9                            <p class="width-70 mx-auto">テキストテキストテキストテキストテキスト</p>
10                        </div>
11                    </div>
12                    <div class="col-lg-6 col-12">
13                        <img alt="" src="images/001.jpg" class="img-fluid d-block w-100">
14                    </div>
15
16                    <div class="col-lg-6 col-12">
17                        <img alt="" src="images/002.jpg" class="img-fluid d-lg-block d-none w-100">
18                    </div>
19                    <div class="col-lg-6 col-12">
20                        <div class="section-heading text-center sm-pb-50 sm-pt-50">
21                            <h5 class="sub-heading">TextTextText <i class="fa fa-bar-chart-o"></i></h5>
22                            <h2 class="heading fs-40 mb-10 f-w3">テキストテキスト</h2>
23                            <p class="width-70 mx-auto">テキストテキストテキストテキストテキスト</p>
24                        </div>
25                    </div>
26                </div>
27             </div>
28        </section>