背景图片未显示在手机上，但显示在桌面上也显示在手机上

Question

This是我的网站。在自定义游览区域中，背景图片是固定的，背景图片会在桌面上显示并加载到所有浏览器中，但在每个移动浏览器中，除了移动隐身模式外，其他图片均不会显示。

  <div class="container text-center" data-aos="zoom-in">
    <h3>Customize Your Tour Now </h3>
    <p> </p>
    <a class="cta-btn"  href="/enquiry" style="text-decoration: none;">Let's Go</a>
  </div>    

这是HTML代码

#call-to-action {
  background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../../img/callbg)fixed center center ; </br>


  background-size:cover;
  margin:80px 0 120px 0;


kindly help thannks 
  padding:90px 0;
  
}

#call-to-action h3 {
  color: #000;
  font-size: 38px;
  font-weight: 1000;
}

#call-to-action p {
  color: #fff;
}

#call-to-action .cta-btn {
 
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #000;
  color: #000;
}

#call-to-action .cta-btn:hover {
  background:#1da1f2;
  border: 2px solid #1da1f2;
}