Need help putting text on top of image

Hello everyone,

I'm just starting out with front-end dev. I need help putting text over an image. Basically, I have the main container div, inside of it i have another div container, and inside of that I'm putting the image. So the image is inside two divs. Then i have the text beneath the img class, but the image is covers it completely. If i remove the image I can see the text. How can i make it so that the text goes over the image.

Disclaimer: I need to make it work with making few revision to the current code.

Link to project: https://jsfiddle.net/michaelamay1/47mwpguL/