title: Dark background opacity on hover
body: <p>I have this CSS. When you hover the image background turns a white opacity, but I'd like it to turn a dark opacity. I tried adding a dark background color but nothing.</p>
  
  <pre><code>.img-container .img-item a.image:hover img {
     opacity: .2;
     filter: alpha(opacity=50);
     background-color: rgba(0, 0, 0, 0.5);
     transition: all 1s;
     -webkit-transition: all 1s;
      }
  </code></pre>