Adding a custom bullet to CSS

Site URL: https://gazelle-cowbell.squarespace.com/

Hi:

I am desperately trying to replace the Blue Bullets at the bottom of this page but having no luck.   The Home Page that the Bullets are on is https://gazelle-cowbell.squarespace.com/ My password to view is:  CrazyGazelle@3! 

The URL of the bullet I want to use is here: 

I am using this code in my CSS but having no luck:

section[data-section-id="630661060e3efc6a55498efd"] ul[data-rte-list] li>*:first-child::before {
    content: '';
    height: 15px;
    top: 30px;
    left: 0;
    background-image: url(https://static1.squarespace.com/static/62e470f75a92641fd7ce96d2/t/630662bbf3a7b04cdb3bd667/1661362875420/X.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: -14px;
}

Would you be able to help me?

Add to Design > Custom CSS

div#block-yui_3_17_2_1_1661373969852_92628 p:before {
    background-image: url(https://static1.squarespace.com/static/62e470f75a92641fd7ce96d2/t/630662bbf3a7b04cdb3bd667/1661362875420/X.png);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: Center center;
    color: transparent;
}