Make text readable over image css

1. How do I make text more readable over an image in CSS?

How do I make text more readable over an image in CSS?

The image should be dark enough and the text has to be white, to make the text easier to read and meet accessibility standards. But if the image is not dark enough, we can add a dark gradient over the image. This makes the text more readable, with better contrast.