title: Parallax white space when using rellax
body: <p>I have multiple background images that scroll with the rellax parallax library data attributes as they should. But as I keep scrolling the images leave a pretty large white space as they are set to cover and don't repeat. How can I fix this?</p>
  <pre><code>&lt;div class=&quot;container-fluid section-1 rellax&quot; data-rellax-speed=&quot;10&quot;&gt;
          &lt;div
              class=&quot;d-flex justify-content-center align-items-center flex-column&quot;
              id=&quot;titleContainer&quot;
          &gt;
              &lt;div class=&quot;text-center&quot;&gt;
                  &lt;h1 class=&quot;main-title rellax&quot; data-rellax-speed=&quot;9&quot;&gt;Jack of All Fades&lt;/h1&gt;
                  &lt;button
                      type=&quot;button&quot;
                      class=&quot;btn btn-lg btn-danger main-btn rellax&quot;
                      data-rellax-speed=&quot;6&quot;
                      data-toggle=&quot;modal&quot;
                      aria-pressed=&quot;false&quot;
                      data-target=&quot;#bookFlow&quot;
                  &gt;
                      Book Now
                  &lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p><img src="https://i.stack.imgur.com/1ZxON.jpg" alt="enter image description here" /></p>