Changing states of an image that is within a tab

This one’s tricky, firstly my goal is to have a current state signaled by a different color icon (there’s inner shadow on one but it shouldn’t matter when overlain).

I’m trying to use the method that keeps a 0% opacity image within the div that has the first icon as a background during.

Now the issue is that I cannot attach a current state to the image. I imagine there is a better way but what is the solution?

Image attached for reference, the tabs icons in question should be apparent.

Here is my public share link: