Alabaster.

              
                <!-- Hero Section -->
                <div class="clearfix mx-4">
                  <div class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll min-vh-md-100" data-options='{direction: "normal"}'>
                    <!-- Apply your Parallax background image here -->
                    <div class="divimage dzsparallaxer--target" style="height: 130%; background-image: url(../../assets/img/1920x1080/img10.jpg);"></div>

                    <div class="d-md-flex space-3 space-md-0">
                      <div class="container d-md-flex justify-content-md-center align-items-md-center flex-md-column min-vh-md-100 text-center">
                        <h1 class="display-1 text-white">Alabaster.</h1>
                        <p class="lead text-white">An exploration of creativity, beauty, and faith.</p>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- End Hero Section -->