Changing back the green color to original color

The images on the 3 column on the front page will be changed to green color ( not sure what color it is exactly) but I would like to stick back to the original color. I am ok if there the green color mask over the picture but I would like it to display original color of the image when you hover on it. As can be seen on the attachment, the guitarist hand in green in color, I want the original image color. Please advice how this can be done






Thanks

In template_css.css:

.image_mask {
position: absolute;
width: 290px;
height: 220px;
background: #3bc3bb;
opacity: .5;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
z-index: 1;
}

add display:none;

Hi Ivan,

Thanks for the suggestion.

As per suggestion I add in Display:none; and the layer of green color is gone when you hover but unfortunately the green color on the original picture can be seen, the brown color on the picture turn to green-ish color. Please advice.

Thanks

Send link

Hi Ivan, Sorry, currently working in a localhost and not uploaded to live server yet so i am unable to show you the link.
But I am looking to change the color to the original color as shown below here. Please advice

In template_css.css:

span.catItemImage img {
border: none;
padding: 0 0 15px 0;
-webkit-filter: hue-rotate(150deg);
}

remove:

-webkit-filter: hue-rotate(150deg);