/* (A) WHOLE PAGE */
* {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}
body { background: #eee; }
 
/* (B) GALLERY WRAPPER */
.gallery {
  /* (B1) GRID LAYOUT - 3 IMAGES PER ROW */
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 10px;
 
  /* (B2) OPTIONAL WIDTH RESTRICT */
  max-width: 2000px;
  margin: 0 auto;
  /*overflow: hidden;*/
}
.gallery img {
 height: 340px;
 width: auto;
}
.gallery div {
  margin-left: 120px;
}
/* (E) OPTIONAL ZOOM ON HOVER */
.gallery div img:hover {
  z-index: 9;
  transform: scale(1.9);
 /*  linear | ease | ease-in | ease-out | ease-in-out  */
  transition: transform ease 0.5s;
}