Overflow: Auto causes time shifted Animation

Hi,

When I click on “Information” I wanna fade in an scrollable overlay. The header has to be fixed.

The click triggers an animation which fades in my overlay with an opacity ramp.

The problem: In Chrome and Opera the fixed header fades in some milliseconds before the rest of the overlay. It should fade in simultaneously.

How can I fix this?

Published Link:
https://informationbug.webflow.io/

Share Link: (at webflow preview the bug does not appear, try the link above.)
https://preview.webflow.com/preview/informationbug?utm_source=informationbug&preview=1320c0a86ce2801fe0cbef52c288f210

(In Safari it works fine.)

bug