<div class="yash-collection-circle-list">
    <div class="circle-image">
        <div class="circle-image-container">
            <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTIiIGhlaWdodD0iMzEyIiB2aWV3Qm94PSIwIDAgMzEyIDMxMiI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/CLINICALLY_PROVEN_5ab6cc3b-9ae2-447d-916e-c49a7a1c62a5-removebg-preview.png?v=1742874719"
                fetchpriority="high" alt="Clinically Proven" class="collection-bar-image" width="312" height="312" />
        </div>
        <h4 class="circle-title">Clinically Proven</h4>
        </a>
    </div>

    <div class="circle-image">
        <div class="circle-image-container">
            <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTIiIGhlaWdodD0iMzEyIiB2aWV3Qm94PSIwIDAgMzEyIDMxMiI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/Non_GMO_d00cf83e-1c25-439d-a1a7-0bae6d531872-removebg-preview.png?v=1742874718"
                fetchpriority="high" alt="Non GMO" class="collection-bar-image" width="312" height="312" />
        </div>
        <h4 class="circle-title">Non GMO</h4>
        </a>
    </div>

    <div class="circle-image">
        <div class="circle-image-container">
            <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTIiIGhlaWdodD0iMzEyIiB2aWV3Qm94PSIwIDAgMzEyIDMxMiI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/No_Allergens_3d888f74-7a88-4db0-9c25-499243647985-removebg-preview.png?v=1742874719"
                fetchpriority="high" alt="No Allergen" class="collection-bar-image" width="312" height="312" />
        </div>
        <h4 class="circle-title">No Allergen</h4>
        </a>
    </div>

    <div class="circle-image">
        <div class="circle-image-container">
            <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTIiIGhlaWdodD0iMzEyIiB2aWV3Qm94PSIwIDAgMzEyIDMxMiI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/GMP_Certified_c92a6b55-2c13-4486-a5ae-768aa1ef2c96-removebg-preview.png?v=1742874719"
                fetchpriority="high" alt="GMP Certified" class="collection-bar-image" width="312" height="312" />
        </div>
        <h4 class="circle-title">GMP Certified</h4>
        </a>
    </div>

    <div class="circle-image">
        <div class="circle-image-container">
            <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTIiIGhlaWdodD0iMzEyIiB2aWV3Qm94PSIwIDAgMzEyIDMxMiI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/FDA_Registered_42a2b922-f3ef-46f4-b52c-94440fa11498-removebg-preview.png?v=1742874719"
                fetchpriority="high" alt="FDA Registered" class="collection-bar-image" width="312" height="312" />
        </div>
        <h4 class="circle-title">FDA Registered</h4>
        </a>
    </div>

    <div class="circle-image">
        <div class="circle-image-container">
            <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTIiIGhlaWdodD0iMzEyIiB2aWV3Qm94PSIwIDAgMzEyIDMxMiI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/No_Preservative-removebg-preview.png?v=1742874719"
                fetchpriority="high" alt="No Preservative" class="collection-bar-image" width="312" height="312" />
        </div>
        <h4 class="circle-title">No Preservative</h4>
        </a>
    </div>




</div><style>.yash-collection-circle-list {
        display: flex;
        overflow-x: auto;
        padding: 20px;
        scrollbar-width: thin;
        background: #ebf3fb;
        justify-content: center;
    }

    .circle-image {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        flex-shrink: 0;
        width: 177px;
    }

    .circle-image-container {
        width: 70px;
        height: 70px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .circle-image-container img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .circle-title {
        font-size: 14px;
        color: #333;
        margin-top: 8px;
    }

    h4.circle-title {
        text-transform: capitalize;
    }

    /* Custom scrollbar for Webkit browsers */
    .yash-collection-circle-list::-webkit-scrollbar {
        height: 8px;
    }

    .yash-collection-circle-list::-webkit-scrollbar-thumb {
        background: #aaa;
        border-radius: 4px;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .yash-collection-circle-list {
            padding: 10px;
            justify-content: flex-start;
            /* Ensures items remain centrally aligned on small screens */
        }

        .circle-image-container {
            width: 80px;
            height: 80px;
        }

        .circle-image {
            width: 100px;
        }

        .circle-title {
            font-size: 12px;
        }
    }</style>