图像css上的文字与叠加效果

I tried to put some contents over an image with some overlay effects, but it does not shows output as my needs. Also I don't know how to do overlay effects anyone can help me please.I tried to put some contents over an image with