How tow add heading and pagraph in the header picture [help please]

I have tired. to try add heading and paragraph in the picture area.

for example see picture:

coding link

so you want to add the image as background of the element?
you need an image link, this is not a valid link to an image:

background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../image/background.jpg);

Sorry I mean text which I mention in the picture
for example:
welcome
lorem ipsum…

  1. Add a container inside the header and put the text elements inside the container.

  2. Set the header element to position: relative

  3. Set the container to position: absolute and center it using top/left offsets and transform: translate

Example
https://jsfiddle.net/te278sgc/