How do you overlay a text box in the middle of an image?

Hey everyone! I’m working on the Tea Cozy project on the Full Stack Engineer Path and I’m confused on how to go about putting a text-box in the center of an image? Do I need to make the background image a separate div?

There is a style you can use for making a background image. And you need to use url() as its value.