Fixed element appears as absolute on published site

Design help General
1

I am building a website and want to display a fixed background image on the navbar each time users hover over the navbar links. On Webflow, the fixed positioning works well, but when I publish it, the image is displayed as if it was positioned as absolute and is only shown on it’s parent element.

Here’s the view only link:

https://preview.webflow.com/preview/life-aquatic-2023?utm_medium=preview_link&utm_source=designer&utm_content=life-aquatic-2023&preview=7be506dce41fd735cc43edb64f3441b5&workflow=preview

Here are some screenshots of Webflow and the published site:

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Apparently fixed elements that have a parent element with a transform property will cause this. I had an interaction making the menu appear and it caused this. Hope it helps someone.