Mobile parallax images have black space between banners

Site URL: https://www.blueridgeresearch.com/home2

When viewed on my phone, my site has a black bar between each banner image on the Index page using scrolling parallax. (See bottom of image below with red arrow) It looks fine on the desktop. I have tried adjusting padding, etc. in the site styles but nothing has worked. Does anyone have CSS code that will close up the space between banner images on the Index page in mobile view? I appreciate any help I can get. Thank you very much.

htpps://www.blueridgeresearch.com/home2

This problem has been in existence since before time. The parallax effect on 7.0 is both a blessing and a curse. Unfortunately, no. There is not a simple fix for this problem.