Why is my Code for an Image animation not working

Question

HeLLO , I WANT To HAVE AN OVERLAY OVER MY ANIMATION. IVE ALREADY WROTE A CODE BUT IT DOESNT WORK FINE. THANK YOU FOR HELP
https://code.sololearn.com/WrKsAlA5eZQU/?ref=app

Answer 1

Height =100% don't works if parent tag has no fixed height.
You should use height:100vh ;
for .image and .overlay

If you want overlay of color over image you should see this code you can set mix-blend-mode: overlay;

css page line 7

and check here.
bydefault it is screen.

https://code.sololearn.com/WglqI850ZImr/?ref=app

Answer 2

Thank you for your answer! But if i add Height=70vw the problem still occurs. The black screen returns after the animation has load