Having two different headers in one page (Elementor Pro)

So I have been trying to create 2 headers for single post templates. So the things I would want are:
1. One main header : White letter, featured image as background, fullscreen (fit to screen) and a couple of things in the middle (post title, reading time, date, author)

2. One sticky header that starts right after the top (or just starts after scrolling with an offset of like 400px).

My problem here is not how to design them with elementor. My problem is incorporating them together without the one cancelling the other (creating them in 2 different templates doesn’t work since one is the main header I guess?). I can’t really use anything dynamic here since they are completely different (different logo, sticky has social icons instead of main menu etc).

Do you know a way I could do that with elementor pro? Any ideas? I am running Astra Theme.

PS. I was paid to do this design and I don’t have access to my clients Elementor’s pro account that’s why I asked your help here.

The page I need help with: [log in to see the link]