Div content is transparent when positioned over a slider

I’ve set my slider position to relative, and placed a div inside the slider element with its position fixed to place my content over the slider image.

The positioning worked as expected, but the div content has its opacity affected by the slider for reasons I can’t seem to work out.

The expected outcome would be the div displayed exactly as it was made without an opacity layer affecting its visibility.

Please advise.


Here is my site Read-Only: (Webflow - GFD - Graham Family Dental & Spa)

Managed to resolve this with a simple Z-index higher than that of the slider.