title: Lazyload and isotope masonry issue
body: <p>Having an issue with isotope and lazyload. Seems to grid up isotope and each image with fixed height and width, it overrides the masonry layout. Maybe a CSS issue, but very confused as to what is happening. Here is my breakdown and screenshot:</p>
  
  <p>HTML/PHP (I've shortened this is main elements of the code): </p>
  
  <pre><code>&lt;div class="isotope"&gt;
  &lt;img class="lazy" data-original="&lt;?= htmlspecialchars($row['url']) ?&gt;" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My css:</p>
  
  <pre><code>.isotope-item {
    z-index: 2;
  }
  .isotope img {
      margin:0 8px 8px 0;
      width:202px;
  }
  .isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
  }
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>  $(window).load(function(){
      var $container = $('.isotope');
      $container.isotope({
          filter: '*',
          animationOptions: {
              duration: 750,
              easing: 'linear',
              queue: false
          }
      });
  </code></pre>
  
  <p>Lazy Load:</p>
  
  <pre><code>$(".lazy").lazyload();
  </code></pre>
  
  <p>Here is a screenshot so you can see lazyload making masonry a fixed grid, instead of it looking like this, it should be masonry and fit accordingly.
  <img src="https://i.stack.imgur.com/T1jBI.png" alt="enter image description here"></p>