body {
  height: 100vh;
  font-family:  Arial, Helvetica, sans-serif;
	background-color: #12475f;
	color: #fff;
	line-height: 2.0;
	text-align: center;
}

.container{
  margin: 0 auto;
}

.container .gallery a img {
  width: 200px; /* You can set the dimensions to whatever you want */
  height: 200px;
  object-fit: cover; /* https://css-tricks.com/almanac/properties/o/object-fit/  */
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}

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