Eliminate extra white space at the bottom of a section

[jasminsharp97]

I'm working with two sections on the "Our Story" page for this website: https://fybf836r9tluuf5o-60071346230.shopifypreview.com

I don't always see it on the front end of the site, but on the back end I see this white space between the two sections on that page, like this:

That white space I circled is what I'm trying to get rid of. I tried adding code to eliminate the bottom margins of the top section or the top margins of the second section and it didn't solve it.

This is what I already tried:

.ctm-about-banner {
padding-top: 0px !important
margin-top: 0px !important
}

.hero_sec {
padding-bottom: 0px !important
margin-bottom: 0px !important
}

And neither of those snippets solved it.

[Made4uo-Ribe]

Hi @jasminsharp97 

Would you mind to share the password? 

[jasminsharp97]

The live version of the site behind the password isn't the same version I'm working on. That's in this preview version: https://fybf836r9tluuf5o-60071346230.shopifypreview.com/

[Made4uo-Ribe]

I open your preview and I click the Our Story

It ask for password. 

But when I use the footer Our story.