Darken image with tailwind css.

Sometimes making the background image darken becomes difficult for the newbies.

Let us simplify that even with a css framework like tailwind css.

Considering the following
code:

snapshot:

Now let us make this darken by adding brightness filter.
code:

snapshot:

As simple as that. This is more than easy.

Comments

[clementklenam]

this was very helpful Thanks

[Boitumelo Ngwenya]

Very helpful

[MD.MIRAJUL ISLAM]

thank you ...it's a good working

[Hachikoi]

Good however, by doing this I cannot make use of the Imager component from nextjs.. any idea anyone?
WELP brightness-50 works just as well in the Image component directly!