Opacity properties are incorrect on published site

I used to love the legacy interactions on webflow, it took a lot of the leg work out of the animating side of things for the simpler animations. I’ve tried to do a reveal with position & opacity on the main header & button on page load and the opacity seems to start at a lower percentage - rather than 0%. It works fine in designer but doesn’t work when I preview.

Could someone tell me what I’m missing here?

Here is my public share link

Hello.

You can set the opacity through the slider in the linear gradient box

That’s not what I’m asking. I want the opacity to start at 0% and go to 100% on the container in my hero section. Sorry if that wasn’t clear.

Hello.

  You cant set a opacity start at 0% to 100% on a HTML tag. You

have to use a color ore an image to achieve this.