How you can create a bit with background picture that has the textual content over it?

I would wish to know methods to place a background picture with textual content over it just like the picture beneath exhibits. Though I assume utilizing place:relative property for these 3 texts seen within the picture is the answer. I solely must know methods to place the textual content just like the picture beneath and magnificence them.

The default format choices supplied by superior customized fields Professional plug-in.