<div style="height: 650px;"
     class="is-section is-box is-section-fixed is-content-bottom banner-04 banner-secondary is-light-text"
>

    <div class="is-overlay">
        <div class="is-overlay-bg"
             style="background-image: url('{{ config('builder.frontend_asset_path') }}/placeholders/landscape.jpg'); background-position: 50% 60%;"
             data-quality="100"
        >
            <div class="is-overlay-color" style="opacity:0.1"></div>
        </div>
    </div>

    <div class="is-boxes">
        <div class="is-box-centered is-content-bottom">
            <div class="is-container container is-content-left edge-x-1" style="max-width: 850px;">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="mb-3 display-4 text-uppercase aos-init aos-animate"
                            style="text-shadow: 0.075em 0.075em 0 rgba(var(--primary-rgb), 0.8); font-weight: 800;"
                            data-aos="fade-right" data-aos-delay="500" data-aos-once="true" data-aos-duration="1500"
                        >
                            Page Heading
                        </h1>
                        <h3 class="h2 mb-3 text-uppercase aos-init aos-animate"
                            style="text-shadow: 0.075em 0.075em 0 rgba(var(--primary-rgb), 0.8); font-weight: 700;"
                            data-aos="fade-right" data-aos-delay="1000" data-aos-once="true" data-aos-duration="1500"
                        >
                            Strapline / Short Description Text
                        </h3>
                        <span>
                            <a href="#" class="btn btn-primary btn-xl aos-init aos-animate" title=""
                               data-aos="fade-right" data-aos-delay="1500" data-aos-once="true" data-aos-duration="1500"
                            >
                                Find Out More
                            </a>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
