How to make a preview like on akket.com?

Question

WordPress

Well, I just can’t make something like this: go to any entry on akket.com and see how beautifully the text is placed on the picture. I put some text on the picture, but there are such bugs: the text is not adaptive, the text merges with the background (and it’s impossible to make a blackout like an accet). Can anyone "demonstrate" the code on how to do this? You can use words instead of functions (Article title, category). The main problems are - 1. the text is not adaptive, and through "media" it is too lazy to fix it 2. The text merges with the background image, you need to make a gradient or darkening as in an acct, but I have a gradient behind the image and is not visible (z-index tried ). I seem to be doing something wrong or something.

Answer 1

Information on how to automatically adjust the eclipse for better text readability. Script -
https://antoningrele.github.io/img-brightness-norm...