Modular elements

Parallax

Add data-parallax and .data-rellax-speed to make a parallax object. To make the image center add data-center="true".

For detail documentation, Rellax documentation ⟶

Image Background Parallax

<div class="py-7 py-md-9 has-parallax">
  <div class="bg-holder overlay overlay-1 vh-100" style="background-image:url(../assets/images/main-header-1.jpg);" data-rellax-speed="-10" data-parallax="data-parallax" data-center="true"></div> <!--/.bg-holder-->
  <div class="position-relative text-center">
    <h5 class="text-white">Image Background Parallax</h5>
  </div>
</div>

data-rellax-speed can be positive or negativenumber.

JavaScript

<script src="../vendors/rellax/rellax.js"></script>