USP

<style>
    .badges-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .badge {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100px;
    }

    .badge img {
        width: 80px;
        height: 80px;
        object-fit: contain;
    }

    .badge span {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 5px;
        color: #333;
    }

    @media (max-width: 768px) {
        .badges-container {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            gap: 5px;
        }

        .badge {
            width: 90px;
        }

        .badge img {
            width: 70px;
            height: 70px;
        }

        .badge span {
            font-size: 10px;
        }
    }

    @media (max-width: 480px) {
        .badges-container {
            flex-direction: row;
        }
    }
</style>

<div class="badges-container">
    <div class="badge">
        <img src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/fresh-made-daily.svg?v=1743673357"
            alt="Fresh Made Daily">
    </div>
    <div class="badge">
        <img src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/ayurveda-certified.svg?v=1743673356"
            alt="Ayurveda Certified">
    </div>
    <div class="badge">
        <img src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/100-natural.svg?v=1743673355"
            alt="100% Natural">
    </div>
    <div class="badge">
        <img src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/washed-ghee.svg?v=1743673356"
            alt="With Washed Ghee">
    </div>
</div>