.gallery {
  margin-left:auto;
  margin-right:auto;
  max-width:1920px;
}

.gallery-items {
  display:flex;
  flex-wrap:wrap;
}

.gallery-items a {
  margin:10px 0;
  padding:0 7.5px;
  width:33.333%;
}

.gallery-items a img {
  height:100%;
  object-fit:cover;
  position:relative;
  width:100%;
}

@media only screen and (min-width:768px) {
  .gallery-items a {
    width:25%;
  }
}

@media only screen and (min-width:1024px) {
  .gallery-items a {
    width:20%;
  }
}

@media only screen and (min-width:1280px) {
  .gallery-items a {
    width:12.5%;
  }
}

@media only screen and (min-width:1440px) {
  .gallery-items a {
    width:10%;
  }
}