Problem when adding foreground

[inirizky]

Current Behavior

So, i try to add foreground in react-player like background gradient from black to transparant or color with opacity. but something weird happened when i scroll the page react-player like flicker or blink. i don't know how to fix.

Expected Behavior

with adding some foreground gradient I expect to re-create disnyplsho**tar trailer components (2024)

Steps to Reproduce

1. Seperate Components files
2. Create another parent container

Environment

• URL attempting to play:
• Browser: Microsoft Edge
• Operating system: Windows 10
• jsFiddle example: https://jsfiddle.net/u5ew9dck/27

Other Information

I am using Vite ReactJS and TailwindCSS

Updated Information 19/02/2024

I found in my laptop it is working well, but in my desktop PC it's not. So the step I tried was turning off hardware acceleration on my desktop browser and i don't know why its work.