title: Responsive grid of hexagons
body: <p>I loaded in multiple images on my website from the internet. Is it possible to give all those images an <strong>hexagon shape</strong> in a responsive grid?</p>
  
  <pre><code>&lt;div&gt;
      &lt;img src="link" class="Image"&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
      &lt;img src="link" class="Image"&gt;
  &lt;/div&gt;
  ...
  </code></pre>
  
  <p>I found multiple ways to do this but you needed to fill in the image <code>src</code> in the CSS code.
  This isnt possible for me cause the website loads in random images from the internet with jQuery so I can't use background images.</p>
  
  <p>I tried this: <a href="http://jsfiddle.net/8f5m5wv0/">http://jsfiddle.net/8f5m5wv0/</a></p>