flex sitewide animation - hide underline

Hi all

Overall I like the flex option as a sitewide animation. My issue is that on a page with multiple text links the underline is too busy visually. I've used this CSS to hide underlines:

a {
text-decoration: none !important;
} 

but it seems that the flex site wide animation overides this code (I can see the code works if I change to a different sitewide animation). Does anyone know how to hide link underlines while keeping the flex animation on?

Can you share link to a page where you have underline? We can check/test code easier