Having the hover effect at the center of the top image. Also the colour of the icon view (eye) is also being affected by the opacity. How can I get it to appear in as the original after applying the opacity to the hover effect.
For the transparency on hover, instead of changing the opacity, try using background-color: rgba(), the value being the transparent version of your hsl() color in line 46 of your style.css.
See the following stackoverflow: https://stackoverflow.com/questions/28169502/prevent-image-transparent-inside-a-transparent-div
