.container{
    display:block;
    margin:0 auto;
   padding:0px;
}

.container .gallery .myimage {
  float:left;
  width: 20%;
  padding:5px;
  height:auto;
  -webkit-transition: -webkit-transform .3s ease;
  -moz-transition: -moz-transform .3s ease;
  -o-transition: -o-transform .3s ease;
  -ms-transition: -ms-transform .3s ease;
  transition: transform .3s ease;
}

.container .gallery a img{
  width: 100%;
}


.container .gallery a hr {
    width: 80%;
    padding:20px 20px;
}

.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}

.clear {
  clear: both;
  float: none;
  width: 100%;
}

@media (max-width: 768px) {
.container .gallery .myimage{
  width: 50%;
}
  }