<div style="overflow: visible;" class="is-section is-box card-stack" data-offset="10">
    <div class="is-boxes">
        <div class="is-box-centered">
            <div style="max-width: 1350px;" class="is-container container-fluid-fluid stack-container">

                <div
                    class="bg-white flex-column-reverse flex-md-row g-0 justify-content-center overflow-hidden position-sticky rounded-5 row shadow-lg stacking-card"
                >
                    <div class="col-12 col-md-5 d-none d-md-flex">
                        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt="" loading="lazy" class="object-fit-cover">
                    </div>
                    <div class="col-12 col-md-7 p-4 p-md-5 d-flex flex-column justify-content-center">
                        <h2>Box Heading 1</h2>
                        <p>
                            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>
                        <p>
                            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>

                <div
                    class="bg-white flex-column-reverse flex-md-row g-0 justify-content-center overflow-hidden position-sticky rounded-5 row shadow-lg stacking-card"
                >
                    <div class="col-12 col-md-5 d-none d-md-flex">
                        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt="" loading="lazy" class="object-fit-cover">
                    </div>
                    <div class="col-12 col-md-7 p-4 p-md-5 d-flex flex-column justify-content-center">
                        <h2>Box Heading 2</h2>
                        <p>
                            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>
                        <p>
                            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>

                <div
                    class="bg-white flex-column-reverse flex-md-row g-0 justify-content-center overflow-hidden position-sticky rounded-5 row shadow-lg stacking-card"
                >
                    <div class="col-12 col-md-5 d-none d-md-flex">
                        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt="" loading="lazy" class="object-fit-cover">
                    </div>
                    <div class="col-12 col-md-7 p-4 p-md-5 d-flex flex-column justify-content-center">
                        <h2>Box Heading 3</h2>
                        <p>
                            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>
                        <p>
                            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>

                <div
                    class="bg-white flex-column-reverse flex-md-row g-0 justify-content-center overflow-hidden position-sticky rounded-5 row shadow-lg stacking-card"
                >
                    <div class="col-12 col-md-5 d-none d-md-flex">
                        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt="" loading="lazy" class="object-fit-cover">
                    </div>
                    <div class="col-12 col-md-7 p-4 p-md-5 d-flex flex-column justify-content-center">
                        <h2>Box Heading 4</h2>
                        <p>
                            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>
                        <p>
                            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>

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