Section overlapping with hero section

Design help General
1

Hi there, I have added an animated gradient embed component in my hero section as a background.

07
071279×685 60.1 KB
All good but the problem is now I have positioned it so that it nicely takes the height of the hero section, the below section overlaps with it.
22
221276×691 89.1 KB

Any clue on how to fix it very welcome :blush:

Here is my site Read-Only: LINK

2

Hey F_nny,

I cant seem to get the gradient to display at all.

are you still having issues?

3

Hey @MechKeysPls the gradient doesn’t display on preview because it’s a javascript embed :confused:

What happens is on the published site, the text contained in the section underneath overlaps with the animated gradient background. I suppose that i need to figure what positioning to give to the gradient embed and the section. Any clue?