title: Video background and text inside of div does not scroll with rest of the page?
body: <p>I'm trying to make a video background with text over it positioned in a certain way but when I scroll the whole page up the text and video do not scroll/move? What am I doing wrong?</p>
  <pre><code>  position: fixed;
    right: 0;
    bottom: 0;
    min-width:100%;
    min-height:100%;
    color: #fff;
    z-index:0;
    text-shadow: 0 0 5px #000000;
  }
  
   .overlayText {
  position: fixed;
  top: 25%;
  left: 25%;
  color:#fff;
  z-index:1;
  }
  
  &lt;div class=&quot;bannervideo&quot;&gt;
    &lt;video autoplay loop muted class=&quot;bannervideo&quot; poster=&quot;video.jpg&quot;&gt;
      &lt;source src=&quot;/s/Blueheadervideos.mp4&quot; type=&quot;video/mp4&quot;&gt;
    &lt;/video&gt;
    &lt;center&gt;&lt;div class=&quot;overlayText&quot;&gt;
      &lt;p style=&quot;font-size:3vw; font-weight: 500;&quot;&gt;Headline here&lt;/p&gt;
      &lt;p style=&quot;font-size:1.5vw; font-weight: 500;&quot;&gt;tagline&lt;/p&gt; &lt;/div&gt;
  
       &lt;div class=&quot;overlaybottomText&quot;&gt;
  &lt;p style=&quot;font-size:1.5vw;&quot;&gt;More words go here &lt;/p&gt; 
    &lt;/div&gt;  ```
  </code></pre>