Removing White Space On mobile Views

Hello SquareSpace experts, Hope you all will be fine
My website is really decent at desktop view.But it has some issues in mobile view.There is a lot of white space between the sections that i want to reduce.Do you have any idea how can i reduce that.I am attaching some screenshots too.Is there a generic method or code that i can reduce this white space only on mobile.I don't want to disturb desktop view.
This is my website 

https://www.sailingislander.com/

Thanks 

add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
section#sailing-experiences .Index-page-content {
    padding-top: 0;
}
}