title: background image is not showing on mobile but showing on desktop also showing on mobile incognito
body: <p><a href="https://www.awaitingadventures.in" rel="nofollow noreferrer">This</a> is my website. In customize a tour section the background image is fixed and it's showing and loading in desktop all browser but in every mobile browser it's not showing except mobile incognito.</p>
  <pre><code>  &lt;div class=&quot;container text-center&quot; data-aos=&quot;zoom-in&quot;&gt;
      &lt;h3&gt;Customize Your Tour Now &lt;/h3&gt;
      &lt;p&gt; &lt;/p&gt;
      &lt;a class=&quot;cta-btn&quot;  href=&quot;/enquiry&quot; style=&quot;text-decoration: none;&quot;&gt;Let's Go&lt;/a&gt;
    &lt;/div&gt;    
  </code></pre>
  <p>this is the HTML code</p>
  <pre><code>#call-to-action {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../../img/callbg)fixed center center ; &lt;/br&gt;
  
  
    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;
  }
  </code></pre>