<div class="g-5 row sb-row services-20 text-center">

    <div class="pos col-12 col-md-6 col-xl-3">
        <div class="position-relative">
            <div class="image-wrapper">
                <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                     alt="Alt Tag Here"
                     class="border border-5 border-primary circle ls-is-cached"
                >
            </div>
            <div class="bg-secondary text-white bottom-0 p-2 position-absolute rounded-4 w-100">
                <h4 class="text-white">Service 1</h4>
                <a href="/link-here" class="stretched-link">
                    <p class="mb-0 text-white">Read More</p>
                </a>
            </div>
        </div>
    </div>

    <div class="pos col-12 col-md-6 col-xl-3">
        <div class="position-relative">
            <div class="image-wrapper">
                <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                     alt="Alt Tag Here"
                     class="border border-5 border-primary circle ls-is-cached"
                >
            </div>
            <div class="bg-secondary text-white bottom-0 p-2 position-absolute rounded-4 w-100">
                <h4 class="text-white">Service 2</h4>
                <a href="/link-here" class="stretched-link">
                    <p class="mb-0 text-white">Read More</p>
                </a>
            </div>
        </div>
    </div>

    <div class="pos col-12 col-md-6 col-xl-3">
        <div class="position-relative">
            <div class="image-wrapper">
                <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                     alt="Alt Tag Here" class="border border-5 border-primary circle ls-is-cached"
                >
            </div>
            <div class="bg-secondary text-white bottom-0 p-2 position-absolute rounded-4 w-100">
                <h4 class="text-white">Service 3</h4>
                <a href="/link-here" class="stretched-link">
                    <p class="mb-0 text-white">Read More</p>
                </a>
            </div>
        </div>
    </div>

    <div class="pos col-12 col-md-6 col-xl-3">
        <div class="position-relative">
            <div class="image-wrapper">
                <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                     alt="Alt Tag Here" class="border border-5 border-primary circle ls-is-cached"
                >
            </div>
            <div class="bg-secondary text-white bottom-0 p-2 position-absolute rounded-4 w-100">
                <h4 class="text-white">Service 4</h4>
                <a href="/link-here" class="stretched-link">
                    <p class="mb-0 text-white">Read More</p>
                </a>
            </div>
        </div>
    </div>

</div>
