.row {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0px 0 245px;
}

.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

body {
    background-color: #ffffff;
    background-image: url(ck.gif);
    font-family: Yomogi;
}

h1 {
    font-size: 70px;
    line-height: 60px;
    color: lightblue;
}

.image-container {
  position: relative;
  display: inline-block;
  width: 400px;
  height: 200px;
  top: 10%;
}

.image-container img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: -40px;
  margin-bottom: -60px;
}

.overlay-text {
  position: absolute;
  top: 25%; 
  left: 52%; 
  margin-top: 10%;
  transform: translate(-50%, -50%); 
  padding: 10px 20px; 
  font-size: 20px; 
  text-align: center;
}

.zoom {
  padding: 0px;
  background-color: transparent;
  transition: transform .2s;
  margin: 0 auto;
}

.zoomtwo {
  padding: 0px;
  background-color: transparent;
  transition: transform .2s;
  width: 100px;
  height: 30px;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}

.zoomtwo:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}