title: Need to apply an alpha gradient to both sides of an image
body: <p>I'm trying to blend out an image using jQuery or CSS (or both, of course.)  Given the below HTML, is there any way to do this?  I've found a few options but they seem to require a fixed width, which I won't have as these images are dynamically driven.</p>
  
  <pre><code>&lt;div class="sevencol last"&gt;
      &lt;img class="rotator_image" alt="This is an image." src="/photo.jpg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Something like this is what I had in mind:</p>
  
  <p><img src="https://i.stack.imgur.com/FcS8C.jpg" alt="enter image description here"></p>