title: Hover state on image using Tailwind CSS
body: <p>I need help on the hover state. I'm using Tailwind, and I need to make an image with a transparent background(bg-blue-300) on top of it when I hover. Below is my code; I tried several changes. Can anyone help me?</p>
  <pre><code>&lt;a href=&quot;#&quot; class=&quot;hover:bg-blue-600&quot;&gt;
      &lt;img class=&quot;w-full rounded-md&quot; src=&quot;/images/image-sample.jpg&quot;&gt; 
  &lt;/a&gt;
  </code></pre>