Anchor tag in div isn't working

In my CSS, the img is the same size as the a, and when you hover over the img, it changes the opacity to 0, as changing the display to none just flashes the img when moving the mouse. For some reason, the I can't click the link. How can I format the HTML/CSS to make the image disapear, and make the link clickable?

 <div>
    <img src="google.png">
    <a href="https://www.google.com/">
        Google
    </a>
 </div>