* {
  box-sizing: border-box;
}
.gal p{
  padding-top: 50px;
  background: rgba(101,204,184,0.5);
}
.gallery-container{
  width: 80vw;
  margin: auto;
}
.grid-item  img{
  width: 100%;
  height: auto;
  margin: 10px 0;
}
.grid-item a{
  margin: auto;
}

@media (min-width: 280px) {
  .gallery-container{
    column-count: 2;
  }
}
@media (min-width: 768px) {
  .gallery-container{
    column-count: 3;
  }
}
@media (min-width: 992px) {
  .gallery-container{
    column-count: 4;
  }
}
@media (min-height:1000px) {
  .gallery-container{
    column-count: 3;
  }
}