Hi,

How do I target the <li> tag with a CSS style?

current state:

<div class="sppb-pricing-features"><ul><li>Monthly bookkeeping</li><li>Dedicated bookkeeping team</li><li>Year-end tax ready financial statements</li><li>Direct, unlimited communication with our in-house research team</li></ul></div>
<ul><li>Monthly bookkeeping</li><li>Dedicated bookkeeping team</li><li>Year-end tax ready financial statements</li><li>Direct, unlimited communication with our in-house research team</li></ul>
<li>Monthly bookkeeping</li>
<li>Dedicated bookkeeping team</li>
<li>Year-end tax ready financial statements</li>
<li>Direct, unlimited communication with our in-house research team</li>
<ul><li>Monthly bookkeeping</li><li>Dedicated bookkeeping team</li><li>Year-end tax ready financial statements</li><li>Direct, unlimited communication with our in-house research team</li></ul>
<div class="sppb-pricing-features"><ul><li>Monthly bookkeeping</li><li>Dedicated bookkeeping team</li><li>Year-end tax ready financial statements</li><li>Direct, unlimited communication with our in-house research team</li></ul></div>

I want the <li> to be replaced with an SVG file like so,

ul.features-list{
    margin: 0;
    padding-left: .1em;
    //display: grid;

    li{
        font-size: 1.1em;
        margin-bottom: 1em;
        margin-left: 2em;
        position: relative;

        &:before{
            content: '';
            left: -2em;
            position: absolute;
            width: 20px;
            height: 20px;
            background-image: url('../images/bullet.svg');
            background-size: contain;
            margin-right: .5em;
        }
    }
}