Line between sections with 0% opacity

Hello–I’m using scroll animation to cycle through text and then fade one section out. I then fade another section in. This requires the user to scroll from the (now black) top section to the second section.

The issue is a thin black line that appears between the sections. I’ve tried putting negative margins on the two sections, but that didn’t solve the issue. Any advice?


Here is my site Read-Only: Webflow - Zach's Dynamite Site
(how to share your site Read-Only link)