Hi, I’d really like to know how to hide a lottie animation in one section behind the background of the section below.
Here is my current page preview: Webflow - AeroPay
On this page I want the animation on the bottom right to be hidden behind the gradient section below the top. The absolute positioning is the only way I could find to layout the animations on this page and that makes the overflow settings in the parent elements obsolete.
Is there a way to have the bottom half of the animation hidden behind the gradient section while keeping the page layout the same, and how can I go about doing that?