I am unable to make Spline interactive design work as a Herp header section background on mouse hover

Hey everyone, hoping you all are well.
I am making my portfolio website in Webflow. I want to put a ‘mouse hover interactive spline design’ behind the text in the Header section. But when I put the spline interactive file behind the text it doesn’t interact on mouse hover and stays there as a static image but it is working properly when at the top of text elements.
Please tell me how could I make this work properly

Here is my Spline file: Spline - Studio3D Template Hero - Copy - Copy

Here is my site Read-Only: Webflow - Hero section

Here is the structure of the Hero section (taken from Relume library):

Please let me know how can I fix this.
Thank you