JQuery - PROPBLEMA CON packery

var $container = $('#kkk').imagesLoaded( function() {

  // initialize Packery after all images have loaded

  $container.packery('bindResize');

});

.item2 {

  width: 340px;

  height: auto;

  float: left;

  background: #eae5de;

  border: 0px solid #eee;

  padding: 10px;

}

docReady( function() {

  var container = document.querySelector('.packery');

  var pckry = new Packery( container, {

    itemSelector: '.item2',

    columnWidth:340,

    gutter: 20,

	resizesContainer: false

  });

});

<div class="item2">

				<div id="box">

					<div id="overlay"><img src="fotos/noticias_998915644.jpg" class="img-responsive"></div>

                </div>

                <div class="desc2">

                   <center><h5> xxxxxxxxxxx</h5></center>

                </div>

	</div>

<div id="container">

  <div class="item">...</div>

  <div class="item w2">...</div>

  <div class="item">...</div>

  ...

</div>