Landing and index page display problem on Brine template

Site URL: http://gregorylassale.com

Hello,

I asked this question in the feedback forum but never got a final answer. I have a display bug on my landing page. All the elements except for the branding (headline, body, buttons and social icons) are first displayed high on the page, then jump to their correct locations. Does anyone have an idea on how to fix?  

I have similar problem on my index page. Upon loading, the top of page (where a picture banner + navbar should be) first shows a dark grey banner, then a aider black banner, then finally reveals the navbar and actual banner.

I included pictures. any help would be greatly appreciated. 

Thank you!

Have you tried contacting SS customer care yet? 

https://support.squarespace.com/hc/requests/new#choose-topic

I actually did after posting this. Hopefully they can help. I tried removing all custom CSS, site-wide and per-page code to see if that was something I added that created the issue, but that seemed to make no difference. Wondering if that's a template bug. Interestingly, if I try to change the same thing happens with every landing page layout template. 

Anyone using the Brine template with the "cover" landing page having or not having this issue? 

About last Nov - December, 2019, I had a similar problem on some client's sites, recently I have encountered this problem occasionally.

Perhaps it's from a bug of SS system. That's why I said contacting SS Customer Care above.

Thanks. I'll see what they say. 

A quick follow up to say that I fixed the issue by adding a keyframe fade in animation to the cover page via CSS, which eliminates the "jumping" bug.