Elements with negative z-index are not clickable, but there is a solution to maintain the timeline animation while keeping buttons clickable.
Here are the steps:
Set the Background Image Wrapper z-index to 0 instead of negative values
Set the Background Overlay z-index to 1 and add pointer-events: none
Set the Background Image z-index to 0
Make sure any elements (like text or buttons) that need to be clickable are set to position relative with a z-index higher than 1
If your content is nested inside a full-screen padding global element, add this CSS:
.padding-global {
pointer-events: none;
}
.padding-global * {
pointer-events: auto;
}
This solution allows you to maintain the visual hierarchy while ensuring all interactive elements remain clickable.
