Blending effect with the background clip to text not working

For the home hero heading (i.e. the word “INNOVATION ALWAYS”), it’s a heading with background image. I used “clip background to text” and the blending effect “luminosity”. It works well on Designer and on published site for some computers, but the blending effect “luminosity” does not work on published site for some computers and devices (e.g. ipad, iphone).

Picture showing blending effect works on Designer:

Picture showing blending effect works on published site for macbook:

Picture showing blending effect does not work on published site for iPad:

Picture showing blending effect does not work on published site for iPhone:

I have also tried wrapping the text in a span as suggested in this article:

Anyone knows whether there are other solutions?

Really appreciate for your time and help! =]


Here is my site Read-Only: Webflow - Pioneer Elastic