title: "background-attachment: fixed" destroys the fit of my background image?
body: <p>My banner should be a background image with a parallax effect.</p>
  <ol>
  <li>Without the <code>background-attachment: fixed</code></li>
  </ol>
  <p>It looks like this (parallax off):</p>
  <p><a href="https://i.stack.imgur.com/OFC2m.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OFC2m.jpg" alt="parallax off" /></a></p>
  <ol start="2">
  <li>With the <code>background-attachment: fixed</code></li>
  </ol>
  <p>It looks like this (parallax on):</p>
  <p><a href="https://i.stack.imgur.com/ZRauA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZRauA.jpg" alt="parallax on" /></a></p>
  <p>Any help to make it look like in picture one but with parallax on?</p>
  <pre><code>/* without parallax */
  
  .hero {
    min-height: 50rem;
    width: 100%;
    background-image: url(/images/Hero/Hero_2140px.jpg);
    background-size: cover;
  }
  
  /* with parallx*/
  
  .hero {
    min-height: 50rem;
    width: 100%;
    background-image: url(/images/Hero/Hero_2140px.jpg);
    background-size: cover;
    background-attachment: fixed;
  }
  </code></pre>