<div
    class="is-section is-light-text is-box is-section-fixed bg-primary gradiented banner-20"
    style="height: 650px;"
>

    <div class="is-overlay">
        <div class="is-overlay-content"></div>
    </div>

    <div class="is-boxes">
        <div class="is-box-centered">

            <div class="is-container container-fluid-fluid" style="max-width: 1450px;">
                <div class="row align-items-center">

                    <div class="col-12 col-md-6">
                        <h1 class="display-4">Lorem Ipsum is simply dummy text</h1>
                        <p class="h4">
                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                            Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
                            printer took a galley of type and scrambled it to make a type specimen book.
                        </p>
                    </div>

                    <div class="col-12 col-md-6">
                        <div class="animated-image-fragments">
                            <img
                                class="image-fragment image-fragment-left"
                                src="{{ config('builder.frontend_asset_path') }}/placeholders/landscape.jpg"
                                alt=""
                                data-top="clip-path: polygon(0% 15%, 30% 15%, 30% 90%, 0% 90%);"
                                data-top-bottom="clip-path: polygon(0% 15%, 65% 15%, 65% 100%, 35% 100%);"
                                data-width="800"
                                data-height="450"
                                data-mode="resize"
                                data-group="1"
                            >
                            <img
                                class="image-fragment image-fragment-center"
                                src="{{ config('builder.frontend_asset_path') }}/placeholders/landscape.jpg"
                                alt=""
                                data-top="clip-path: polygon(35% 0%, 65% 0%, 65% 75%, 35% 75%);"
                                data-top-bottom="clip-path: polygon(35% 15%, 65% 15%, 65% 100%, 35% 100%);"
                                data-width="800"
                                data-height="450"
                                data-mode="resize"
                                data-group="1"
                            >
                            <img
                                class="image-fragment image-fragment-right"
                                src="{{ config('builder.frontend_asset_path') }}/placeholders/landscape.jpg"
                                alt=""
                                data-top="clip-path: polygon(70% 25%, 100% 25%, 100% 100%, 70% 100%);"
                                data-top-bottom="clip-path: polygon(70% 15%, 65% 15%, 65% 100%, 35% 100%);"
                                data-width="800"
                                data-height="450"
                                data-mode="resize"
                                data-group="1"
                            >
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>

</div>
