@nirglus
Posted
Hey congratulations for completing the challenge!
In order to fix the :hover problem, try to seperate the image divs. Make one for the image, also use background-image instead of <img> element for the Equilibrium image. Then in the image div, add the div of the eye and set a background color to it. Make the div the same width and height as the parent div, and change the opacity to 0. After that, set the opacity to 1 on hover and it should work.
Keep up the good work :)
Marked as helpful