<div class="is-section is-box is-bg-light is-dark-text custom-gradient-bg-01">
    <div class="is-boxes">
        <div class="is-box-centered">
            <div class="is-container container-fluid" style="max-width: 1375px;">

                <div class="row mb-5 align-items-center gx-5">
                    <div class="col-md-6">
                        <h2 class="h3">Lorem Ipsum is dummy text</h2>
                        <p>
                            Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
                            printer took a galley of type. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                        </p>
                        <p>
                            Sed tincidunt dolor in ex malesuada, vitae eleifend justo fringilla. Mauris porta lorem sed
                            nisi posuere, nec finibus nunc pulvinar. Phasellus sodales lacus sit amet risus commodo
                            lobortis.
                        </p>
                    </div>
                    <div class="col-md-6">
                        <div class="position-relative px-5 my-2">
                            <img
                                src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                alt=""
                                style="z-index:5;"
                                class="rounded-5 position-relative"
                                data-group="1"
                            >
                            <div style="z-index:0;transform: rotate(-5deg) scale(0.975);"
                                 class="rounded-5 bg-primary-60 position-absolute start-0 end-0 my-5 top-0 bottom-0"
                            ></div>
                        </div>
                    </div>
                </div>

                <div class="row gx-5 align-items-center flex-md-row-reverse">
                    <div class="col-md-6">
                        <h2 class="h3">Lorem Ipsum is dummy text</h2>
                        <p>
                            Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
                            printer took a galley of type. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                        </p>
                        <p>
                            Sed tincidunt dolor in ex malesuada, vitae eleifend justo fringilla. Mauris porta lorem sed
                            nisi posuere, nec finibus nunc pulvinar. Phasellus sodales lacus sit amet risus commodo
                            lobortis.
                        </p>
                    </div>
                    <div class="col-md-6">
                        <div class="position-relative px-5 my-2">
                            <img
                                src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                alt=""
                                style="z-index:5;"
                                class="rounded-5 position-relative"
                                data-group="1"
                            >
                            <div style="z-index:0;transform: rotate(-5deg) scale(0.975);"
                                 class="rounded-5 bg-secondary-60 position-absolute start-0 end-0 my-5 top-0 bottom-0"
                            ></div>
                        </div>
                    </div>
                </div>

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