CSS for applying animation (transition) for the watermark

Hello jitsi community,

I’ve cusomize on my hosting jitsi by doing lot’s of modification in the all.css and it’s pretty good.

But I’m looking for a solution to apply or not the class “visible” to the watermark to be able to show or hide the watermark with animation (like subject or the toolbox) when mouse is over the screen.

I could add a .watermark.visible into the all.css but it will not work because the class “visible” isn’t add to the watermark when the mouse is over the screen.

Any idea to do this job ?

Thanks a lot.