Javascript-форум - Изучаю js. Пожалуйста, помогите

Masonry - вывод блоков в виде кирпичной кладки

Не могу понять почему все блоки выводятся вертикально (а не кирпичной кладкой-горизонтально), хотя размеры все заданы. Помогите, пожалуйста

Если смотреть более объективно, то весь код выглядит так:

<!DOCTYPE html>
 <HTML>
 <head>
  <title> E</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <?php include("2.php"); ?>
<script src="/js/masonry.pkgd.min.js"></script>
 
 </head>
 
<style>
 
.item img {
  width: 300px;
  height: 200px;
}
</style>
 
 <body>
 
 
<?php
$Ho = get_Ho ();
 
foreach($Ho as $it) : ?>
 
<div id="container" class="container">
    <div class="item">
       <a href="#"><img src="<?= $it['images']?>"  /></a>
    </div>
    
  </div>
 
<?php endforeach;?>
 [JS]
<script type="text/javascript">
 
  var container = document.querySelector("#container");
  var msnry = new Masonry(container, {
    columnWidth: 300,
    itemSelector: ".item",
    gutter: 15
  });
</script>
[/JS] 
 </body>
 </html>