footer Background color from another section is overlapping/hiding gallery content at the top of 7.1 footer section

Site URL: https://saffron-scarlet-d6ge.squarespace.com/

I was comparing all the desktop and mobile views on a site I am just about finished designing for a client [ https://saffron-scarlet-d6ge.squarespace.com/ ] when I realized that there is a mysterious background color overlapping the top of my footer content, but JUST on the home page, and JUST in mobile view. I've tried swapping the three footer sections around to see if the issue only persists in relation to a specific section or block, but it seems to persist no matter which of the three sections appears at the top of the footer. I also tried making adjustments to the color palette styles' background colors for various image/list/text blocks, but that also did nothing to alleviate the problem. Any ideas?

The issue appears to be related to some custom code I'm using on that page to create split grid layouts. Specifically, the mobile line controlling .section-background-overlay. 

On 5/4/2022 at 7:34 AM, MeridithBP said:

The issue appears to be related to some custom code I'm using on that page to create split grid layouts. Specifically, the mobile line controlling .section-background-overlay. 

It looks like you solved this?