Blend mode not working

Hey !
I used the following code :

[data-id=“widgetid”] {
mix-blend-mode: difference;
}

on multiple items in my website. For example, it is working perfectly on my navigation bar, but not on a random text, and only in the mobile version. The text isn’t animated or anything.

Have a nice day