HTML CSS - Filter: brightness()

Question

On using filter: brightness(50%) to background image, the image has reduced its brightness as expected. However , it also affects the visibility of heading and text over it. How can we prevent this from affecting the text ?

Answer 1

Share your code

Answer 2

You can use rgba a is alpha and you can use it for some special effects!

Answer 3

Do you mean that there is text on the image or next to the image?

Answer 4

Its on the image

Answer 5

So the text is linked to the image right?

Answer 6

Its within the same div container. I probably need to add a different div outside the image and use aboslute positioning to make the text appear on image. Not sure if there is a better approach

Answer 7

It is my project