su_tabs Image in the 'span'

Hi:

I’ve searched for day with no luck so it is either too simple or not possible to do. Using SU tabs, I have custom styled the tabs in the provided editor which works great.

I want to put different images in the tab label (span) for each tab.
I have assigned an ID to the span but SU doesn’t seem to see it.

The image insertion works without an ID but shows in all tabs in the class – one image only for all tabs in my tab classes that way and in general classes. It also works on hover for each tab in the document.

I guess my problem is not being able to target the ID for each span.

Any ideas?

Example:
In post the tab is ‘[su_tab id=”convtab2″ title=”Technical Information”]’

CSS:
‘.su-tabs.conversation-tabs .su-tabs-nav span#convtab2 {background: url(/wp-content/themes/twentythirteen-child/coreimages/clickheels.png); background-size: contain; background-repeat: no-repeat; background-position: right;}’

I’ve used ‘#convtab2’ alone, with one or both classes included etc.

this is what I want but each tab with its own image (disregard the content):

https://englishw5.com/live-lessons-hub/#p1

Any ideas?

Thank you.

https://www.ads-software.com/plugins/shortcodes-ultimate/