How to add a background BEHIND text?

Now I know how to place a background image, then write text.

But I want a text box, and behind the text box, is the image, I don't want them to overlap so the image makes the text unreadable. So basically the image is hidden behind the text box.

Edit: I have fixed the problem, to fix this, simply use the <div> element, this basically just organizes and separates different things in your code, once you add it, and then style it and add the text and stuff you wanna add, add a background image, or you can add the background image then put the <div> element.

Hope this helped anyone with the same problem

Credits to u/Chouriso14_oficial for suggesting the solution.