#photos {
   -webkit-column-count: 4;
   -webkit-column-gap:   10px;
   -moz-column-count:    4;
   -moz-column-gap:      10px;
   column-count:         4;
   column-gap:           10px;

}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  margin: 0 0 10px 0;
  text-overflow: ellipsis;
  display: block;
}

.image-hover {
  position: relative;
  overflow: hidden;
}

.image-hover .image-it img{
width:100%;
height:100%;
object-fit: cover;
object-position:50% 50%;
cursor:pointer;
transition: 1.2s ease-in-out;
}
.image-hover:hover .image-it img{
transform:scale(1.5);
}

.image-hover .image-text{
opacity:0;
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
color:white;
font-size:18px;
font-family:"Gill Sans", sans-serif;
pointer-events:none;
z-index:4;
transition: .3 ease-in-out;
-webkit-backdrop-filter: blur(5px) saturate(1.8);
backdrop-filter: blur(5px) saturate(1.8);
}

.image-hover:hover .image-text{
opacity:1;
font-family:"Gill Sans", sans-serif;
animation: move-down .3s linear;
  padding-top: 250px;
  padding-bottom: 250px;
length:100%;
width:100%;

}

@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}