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

        <div class="is-box-centered">
            <div class="is-container container-fluid is-stretch-h is-stretch-w" style="max-width: 100%;">

                <div class="row service-19">
                    <div class="col-12">
                        <div class="grid-wrap">

                            <div class="card card-clean grid-featured">
                                <a href="#" class="stretched-link">
                                    <div class="card-img card-img-stretch">
                                        <img
                                            src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                            alt=""
                                            loading="lazy"
                                        >
                                    </div>
                                </a>
                                <div class="align-items-center text-center bg-dark-20 card-img-overlay d-flex h1 hover-bg-primary-60 justify-content-center text-white">
                                    <p class="mb-0">Image Caption</p>
                                </div>
                            </div>

                            <div class="card card-clean">
                                <a href="#" class="stretched-link">
                                    <div class="card-img card-img-stretch">
                                        <img
                                            src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                            alt=""
                                            loading="lazy"
                                        >
                                    </div>
                                </a>
                                <div class="align-items-center text-center bg-dark-20 card-img-overlay d-flex h1 hover-bg-primary-60 justify-content-center text-white">
                                    <p class="mb-0">Image Caption</p>
                                </div>
                            </div>

                            <div class="card card-clean">
                                <a href="#" class="stretched-link">
                                    <div class="card-img card-img-stretch">
                                        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt="">
                                    </div>
                                </a>
                                <div class="align-items-center text-center bg-dark-20 card-img-overlay d-flex h1 hover-bg-primary-60 justify-content-center text-white">
                                    <p class="mb-0">Image Caption</p>
                                </div>
                            </div>

                            <div class="card card-clean">
                                <a href="#" class="stretched-link">
                                    <div class="card-img card-img-stretch">
                                        <img
                                            src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                            alt=""
                                            loading="lazy"
                                        >
                                    </div>
                                </a>
                                <div class="align-items-center text-center bg-dark-20 card-img-overlay d-flex h1 hover-bg-primary-60 justify-content-center text-white">
                                    <p class="mb-0">Image Caption</p>
                                </div>
                            </div>

                            <div class="card card-clean">
                                <a href="#" class="stretched-link">
                                    <div class="card-img card-img-stretch">
                                        <img
                                            src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                            alt=""
                                            loading="lazy"
                                        >
                                    </div>
                                </a>
                                <div class="align-items-center text-center bg-dark-20 card-img-overlay d-flex h1 hover-bg-primary-60 justify-content-center text-white">
                                    <p class="mb-0">Image Caption</p>
                                </div>
                            </div>

                            <div class="card card-clean grid-featured">
                                <a href="#" class="stretched-link">
                                    <div class="card-img card-img-stretch">
                                        <img
                                            src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                            alt=""
                                            loading="lazy"
                                        >
                                    </div>
                                </a>
                                <div class="align-items-center text-center bg-dark-20 card-img-overlay d-flex h1 hover-bg-primary-60 justify-content-center text-white">
                                    <p class="mb-0">Image Caption</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>
