Issues with overlapping sections, only once the site is published

Hey guys, I’m having issues with sections overlapping each other on my homepage. The strange thing I can’t figure out is that this issue is not showing on any breakpoints in the Designer or in Preview mode. It’s only happening once the site is published, and it’s primary happening on mobile, and also on a strange desktop-sized breakpoint.

The issue is with the Projects section [class name Header Section] is overlapping the Services section [class name Service columns]. I’ve double checked the margins & layout settings many times and can’t seem to find an issue with any settings in the Designer.

The screenshot attached is on a desktop breakpoint, and the glitch on mobile looks the same too.