Parallax scrolling issue with first and second widgets

Hi, on multiple browsers when I scroll down the home page, the top header image and second widget overlap, so the header text from the second widget ends up on the top image. I’m not sure if I’m explaining it well so I will try attaching a screenshot and video showing it happening. This is the website: http://blueheroncharleston.com

I would like to make sure the second widget doesn’t overlap with the top widget when scrolling down. Thanks!

Here’s a screenshot as well.

hey there

Hope you are having a good day and thank you for your question
Please add this CSS in appearance - customize - additional CSS

div#shapely_home_parallax-3 {
background: white;
}

Thanks!
Colorlib Support Team

Thank you!

I will close this case now, Feel free to contact us again if you have other questions

Thanks!