So I had an client that wanted text to appear over an image along with a gradient when you hovered on it. I attempted to do this with my own knowledge first which ended in failure. (sorry it happens) I did do a search to find an answer to my problem and this smart talented web developer created this tutorial. It worked flawlessly for me and it only uses CSS isn’t that productive! (Be aware that it does use CSS transitions which probably won’t work on IE9 or below) Thank you Natalie MacLees.