背景に画像が表示されない

cssで，背景に画像が表示されません．

該当のソースコード

html
1　　　<main>
2     <a href="https://www.apple.com/jp/iphone-13/" class="main__menu main__menu__two">
3      <h2>
4        iPhone 13 
5      </h2>
6      <h3>
7        できること、
8        <br>
9        超人的。
10      </h3>
11      <div class="main__menu--link">
12        <object><a href="">さらに詳しく</a><i class="bi bi-chevron-right"></i></object>
13        <object><a href="">購入</a><i class="bi bi-chevron-right"></i></object>
14      </div>
15    </a>
16  </main>

scss
1 main{
2   h1{
3     text-align: center;
4     padding: 60px 0 10px 0;
5     background-color: #F5F5F7;
6     font-size: 12px;
7     letter-spacing: 0;
8     line-height: 1.3rem;
9     a{
10       color: #4081D5;
11     }
12   }
13   .main__menu{
14     display: inline-block;
15     height: 500px;
16     text-align: center;
17     width: 100%;
18     h2{
19       font-size: 25px;
20       font-weight: bold;
21     }
22     h3{
23       font-size: 17px;
24       padding: 10px 0 15px 0;
25     }
26     .main__menu--link{
27       a{
28         font-size: 15px;
29         color: #4081D5;
30       }
31       .bi-chevron-right{
32         font-size: 11px;
33         color: #4081D5;
34         margin-right: 15px;
35       }
36     }
37   }
38   .main__menu__one{
39     padding: 40px 0 10px 0;
40     background-image: url(img/hero_iphone_13pro__dhnsegysa42u_small_2x\ 2.jpg);
41     background-position: center;
42     background-size: cover;
43   }
44   .main__menu__two{
45    padding: 190px 0;
46    background-image: url(img/hero_iphone_13__f194u1rdooeq_small_2x\ (1).jpg);
47    background-position: center;
48    background-size: cover;
49    h2{
50      color: black;
51    }
52    h3{
53      color: #F3B9E1;
54      font-weight: 400;
55    }
56   }
57  }