Tabbed section – remove grayscale from inactive tab icon not working on desktop

Hi. I have 2 issues that I need assistance with:

1. I want to remove the grayscale effect for an inactive tab so that tab image (that is replacing icon) display in full colour rather than grayscale when inactive. I have added a custom icon image for this first tab that I want displayed in full colour at all times. I added the following custom css to remove grayscale from inactive tab icon which works in mobile/tablet view but is not working when viewing via desktop mode (still showing grayscale when inactive):
/*Remove grayscale */
.av-tab-section-image {
filter: none!important;
}
Any advice?

2. For this first tab I would also like the onclick action to open up the second tab – as in there is no content in first tab – its only purpose is to display this icon image. Possible?
Have input details in private content
Thanks for the help!