title: Adding a link to a hover picture
body: <p>I currently have a picture that changes when you hover over it in Google Sites. I am unsure how to change the code to make it a clickable link as well.</p>
  <p>Here is my current code for my hover, but when I was adding a clickable link it was not working. Can anyone help?</p>
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html lang=&quot;en&quot;&gt;
      &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot;&gt;
      &lt;title&gt;Change Image on Hover in CSS&lt;/title&gt;
      &lt;style&gt;
          .card {
              width: 480px;
              height: 270px;
              background: url(&quot;https://drive.google.com/uc?export=view&amp;id=1WfOqgae29zjdR5pRYhIBdBG7HC5KjJyw&quot;) no-repeat;
          }
  
      .card:hover {
          width: 480px;
          height: 270px;
          background: url(&quot;https://drive.google.com/uc?export=view&amp;id=1rwRRGYIFW3oCwQ1H6e-er3S4f8k7yh5y&quot;) no-repeat;
      }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class=&quot;card&quot;&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>