Remove white gap between two backgound images on a single page

to get some suggestions, you might need to provide a live link to your site to illustrate the problem.

Hi Alchymyth. Thanks for the reply.

Sorry for the dumb question but does this mean I have to launch the site or is there a alternative to providing a link?

you need to have your site launched and public for somebody to help with formatting problems.

Sure. This is the link.
https://www.msblackbean.com/

there seems to be an added bottom margin;

from the embedded styles, possibly by the plugin:

/* Layout 40 */ #pg-40-0 , #pg-40-1 , #pg-40-2 , #pl-40 .panel-grid-cell .so-panel { margin-bottom: 30px }

you might need to post in the ‘page builder’ plugin’s forum at https://www.ads-software.com/support/plugin/siteorigin-panels#postform to get help to find out where this is coming from.

for a quick fix, try to overwrite the margin between the background images via a custom CSS plugin:
#pg-40-0 , #pg-40-1 { margin-bottom: 0px!important }

Thanks a million Alchymth. I d take your advice.
Have a great day.