Rails 上的面板会分裂，并且在 html.erb 中无法正确显示

问：

我试图在 Rails 中制作一个砌体布局页面。问题在于显示链接或描述从相应的图像中分离出来，就像它可以在图像上看到的那样。

您看到的内容是从相应的图像中拆分出来的。我怎样才能让它们工作。我试图放入 css，但它不起作用;overflow: hidden;

代码在这里

<h1>      Experience</h1>

<%= stylesheet_link_tag('pins') %>
<div class="containero">
 <% @pins.each do |pin| %>

  <div>    </div>
    <div class="panel panel-default"></div>
      <div class="panel-body"></div>
      <%= link_to image_tag(pin.image, width: 350), pin %> 
      <%= render pin %>    
        <%= link_to "Show this pin", pin %></br>
     <% end %>
      </div>
     </div>
  </div>
</div>

pin.css.scss 如下所示

.containero {
columns: 350px;
//column-width: 300px;
//column-count: 3;


}

#pins {
  margin: 0 auto;
}

.box {

  margin: 5px;
  width: 314px;
}

.box img {
  width: 100%;
}
 containero div {
overflow: hidden; 
 }

谢谢！