Space underneath video section on mobile

Site URL: https://rippletotalexperience.com/

Hi all

Can anyone help me understand why there is so much space underneath this section on mobile?

It is a regular section with a video background. section[data-section-id="6705f8c6a797e659bb87db9d"]

This issue has recently popped up on my client's website - I think something has been changed in my absence but can't see anything in the code that could be causing it.

Thanks in advance!

https://rippletotalexperience.com/

You can use this code to bottom of Custom CSS box to fix problem

@media screen and (max-width:767px) {
    section[data-section-id="6705f8c6a797e659bb87db9d"] .content-wrapper {
        padding-bottom: 0px !important;
    }
    section[data-section-id="6705f8c6a797e659bb87db9d"] {
        min-height: unset !important;
        height: 30vh !important;
    }
}