.gallery {
float: left;
margin-bottom: 40px;
}
.masonry .brick img {
width: 100%;
height: 200px;
 -o-object-fit: cover;
   object-fit: cover;
}
.zoom {
    overflow: hidden;
    padding: 0;
    margin: 1.0%;
	width: 31.3%;
    height: 200px;
    float:left;
}
.zoom img {
    transition-duration: 3s;
    margin: 0 auto;
    display: block;
}
.zoom img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    z-index: 0;
}
@media only screen and (max-width : 800px) {
.zoom {
    margin: 1.0%;
	width: 48.0%;
    height: 200px;
}
}
@media only screen and (max-width : 480px) {
.zoom {
    margin: 0px 1.0% 30px 1.0%;
	width: 98.0%;
    height: 200px;
}
}