Responsive Results Page with hideous CSS to add icons and dynamic data

Wasn't able to find a neat way to add ::before icons using JS so had to resort to this ugly CSS:

/* Fourth Row */
.summary .row:nth-child(4) {
    background-color: hsl(var(--raw-clr-primary-cobalt-blue), 5%);
}

.summary .row:nth-child(4) .row-title {
    color: var(--clr-primary-cobalt-blue);
}

.summary .row:nth-child(4) .row-title::before {
    content: url(./assets/images/icon-visual.svg);
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
}

Will check Kevin's video for the same, if anyone has any suggestion please let me know!