<div class="col-md-2 col-sm-4">
<div class="presentation_block">
<div class="layouts">
<div class="thumbnail">
<div class="img_box">
<a href="#" class="img_presentation"><img width="320" height="250" src="img/tumblr_nluf2bmtdo1r09wbpo1_540.jpg" alt="view"></a>
</div>
</div>
<div class="pres_desk">
<div class="dicription">
<h4><a href="#" class="thumb_description">This is a discription</a></h4>
</div>
<div class="name">
<span class="name_info">
<img src="img/BVohDrjCAAEK63C.jpg" alt="somelogo" height="25" width="25">
<a href="#" class="chat_name">Cute girl</a>
</span>
</div>
<div class="viewers">
<i class="fa fa-eye"></i>
<span class="view_number"> 15</span>
</div>
</div>
</div>
</div>
</div>
.layouts img{
border-radius: 0;
box-shadow: none;
max-width: 100%;
}
.img_box{
overflow: active;
}
.thumbnail .img_box img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.thumbnail .img_box:hover img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
Как сделать, чтобы при ховере она накрывала блоки за ней и под, как и предыдущую?