Jquery 特定视口大小下的砌体问题

我正在使用砖石和惰性负载创建一个响应砖石画廊，我遇到了一个问题，一切都很好，但一些视口大小似乎在左侧添加了一个大的空白，我可能是瞎子，但如果有人能看一下，我会很感激，这是它的页面

JS-

---

非常感谢，Harry。

左边空白还是右边空白？在右边，如果你慢慢调整页面大小，你会碰到一个问题。好的，我刚刚更新了砖石结构，似乎已经解决了这个问题，但是现在当你滚动过第一批图像时，我对图像有一个问题。

var $container = $('#masonry');
   $container.imagesLoaded(function(){
   $container.masonry({
   itemSelector: '.item',
});
 $('.item img').addClass('not-loaded');
 $('.item img.not-loaded').lazyload({
 effect: 'fadeIn',
load: function() {
// Disable trigger on this image
    $(this).removeClass("not-loaded");
    $container.masonry('reload');
}
 });
 $('.item img.not-loaded').trigger('scroll');
});