<div class="is-section is-box">
    <div class="is-boxes">
        <div class="is-box-centered">
            <div class="is-container container-fluid is-custom" style="max-width: 1450px; padding: 80px 35px;">

                <div class="row py-5">
                    <div class="col-12 text-center">
                        <h1>Beautiful Content. Responsive.</h1>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                    </div>
                </div>

                <div class="row products-19 align-items-center py-5 flex-md-row-reverse">
                    <div class="col-12 col-md-5">
                        <div class="image-wrapper image-ratio-4-3 image-overlap-start mx-3 mb-n4 m-md-0">
                            <img
                                src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                alt=""
                                class="aos-init"
                                data-aos="fade-left"
                                data-aos-delay="500"
                                data-aos-once="true"
                                data-aos-duration="1000"
                                style="z-index: 5;"
                            >
                        </div>
                    </div>

                    <div class="col-12 col-md-7">
                        <div class="bg-secondary text-white p-3 pt-5 p-md-5 lead box-overlap-end aos-init aos-animate"
                             data-aos="fade-right"
                             data-aos-once="true"
                             data-aos-delay="500"
                             data-aos-duration="1000"
                        >
                            <h2>Heading</h2>
                            <div class="spacer height-20"></div>
                            <p>
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                            </p>
                            <p>
                                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                                unknown printer took a galley of type.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="row products-19 align-items-center py-5">
                    <div class="col-12 col-md-5">
                        <div class="image-wrapper image-ratio-4-3 image-overlap-end mx-3 mb-n4 m-md-0">
                            <img
                                src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                alt=""
                                class="aos-init"
                                data-aos="fade-right"
                                data-aos-delay="500"
                                data-aos-once="true"
                                data-aos-duration="1000"
                                style="z-index: 5;"
                            >
                        </div>
                    </div>

                    <div class="col-12 col-md-7">
                        <div class="bg-tertiary text-white p-3 pt-5 p-md-5 lead box-overlap-start aos-init aos-animate"
                             data-aos="fade-left"
                             data-aos-once="true"
                             data-aos-delay="500"
                             data-aos-duration="1000"
                        >
                            <h2>Heading</h2>
                            <div class="spacer height-20"></div>
                            <p>
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                            </p>
                            <p>
                                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                                unknown printer took a galley of type.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="row products-19 align-items-center py-5 flex-md-row-reverse">
                    <div class="col-12 col-md-5">
                        <div class="image-wrapper image-ratio-4-3 image-overlap-start mx-3 mb-n4 m-md-0">
                            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                 alt=""
                                 class="aos-init"
                                 data-aos="fade-left"
                                 data-aos-delay="500"
                                 data-aos-once="true"
                                 data-aos-duration="1000"
                                 style="z-index: 5;"
                            >
                        </div>
                    </div>

                    <div class="col-12 col-md-7">
                        <div class="bg-quaternary text-white p-3 pt-5 p-md-5 lead box-overlap-end aos-init aos-animate"
                             data-aos="fade-right"
                             data-aos-once="true"
                             data-aos-delay="500"
                             data-aos-duration="1000"
                        >
                            <h2>Heading</h2>
                            <div class="spacer height-20"></div>
                            <p>
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                            </p>
                            <p>
                                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                                unknown printer took a galley of type.
                            </p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
