How to add a green icon beside bullet points on a product page using CSS?

Store Design
, ,
1

This is a Shoipify product page -
https://www.handypalace.com/collections/iphone-hullen/products/kopie-von-guess-4g-magsafe-case-1
There is a “Green icon” beside bullet points (see screenshot) on that product page.

Screoiklenshot_1.jpg
Screoiklenshot_1.jpg1622×762 94.5 KB

I made it with the help of Chatgpt but not to same.

My store link - https://uniquestoreall.myshopify.com/products/silicone-strap-for-apple-watch-band?variant=42515727646975

Pasw - 1234

Now tell me which CSS code I have to add for the same.

My Html css codes:

/-----html-----/

  • Fast delivery with DHL

    • /-----css-----/

    @keyframes inventory-pulse {
    0% {
    transform: scale(1);
    border-radius: 50%;
    }
    50% {
    transform: scale(1.2);
    border-radius: 50%;
    }
    100% {
    transform: scale(1);
    border-radius: 50%;
    }
    }

    .glow-image {
    animation: inventory-pulse 2s linear infinite;
    height: 10px;
    width: 10px;
    margin-top: 15px;
    margin-right: 15px;
    }

    I want exact same please give me an additional code.

    2

    Take it out of the theme and test it in a reduced test case first until you get it working and understand how it works then integrated to the theme.

    Use a site like codepen or jsbin, etc to work on it online and for sharing.