Custom list image not showing up

I want to have custom bullets on ONE set of bulleted items, but my bullet image isn’t showing up. Thanks for any help!

This is my CSS code:

.fleurdelisbullets{

 margin-left: 1rem;

font-size: 18px;

color: #838175;

list-style-position: outside;

list-style-image: url(../images/fleurDeLis18pt.png);

padding-left: 2rem;

}

.fleurdelisbullets li {

padding-left: 2rem;

background-size: 0;

}

This is the source code:

 <div class="fleurdelisbullets">

   <ul>

<li>Ro veleste iunt etur autemol oreperiae nus re ipsus re ent et illa aditi velicab is doloreperum</li>

<li>Ro veleste iunt etur autemol oreperiae nus re ipsus re ent et illa aditi velicab is doloreperum</li>

<li>Ro veleste iunt etur autemol oreperiae nus re ipsus re ent et illa aditi velicab is doloreperum.</li>

<li>Ro veleste iunt etur autemol oreperiae nus re ipsus re ent et illa aditi velicab is doloreperum</li>

   </ul>

</div>