title: How to redirect to new page when image is clicked? (html)
body: <p>I am trying to setup this html code so that when someone clicks on this image they will be redirected to a new url. For some reason when I click the image it redirects the image to google.com and not the page.</p>
  
  <p><a href="https://jsfiddle.net/ssLtf588/" rel="nofollow noreferrer">https://jsfiddle.net/ssLtf588/</a></p>
  
  <p>I have the src set to the image which i assume is the error. How should i go about changing this?</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;a href="http://google.com"&gt;
    &lt;img src="http://i.imgur.com/SSPyEQ3.png" alt="Avatar" class="image"&gt;
        &lt;div class="overlay"&gt;
            &lt;div class="text"&gt;Hello World Whats up!&lt;/div&gt;
  &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>