.main-gallery{
    padding-top: 6rem;
    padding-bottom: 2rem;
}

.gallery-img {
    column-count: 4;
    column-gap: 20px;
  }

.gallery-img img {
    width: 100%;
    height: auto;
    margin: 5% auto;
    box-shadow: -3px 5px 10px #3a3a3a;
    border-radius: 10px;
}
@media only screen and (min-width:280px) and (max-width:500px){
    .gallery-img {
        column-count: 1;
        column-gap: 10px;
      }   
}
@media only screen and (min-width:501px) and (max-width:768px){
    .gallery-img {
        column-count: 2;
        column-gap: 10px;
      }   
}

@media only screen and (min-width:769px) and (max-width:1100px){
    .gallery-img {
        column-count: 3;
        column-gap: 20px;
      }   
}
@media only screen and (min-width:1101px) and (max-width:1400px){
    .gallery-img {
        column-count: 4;
        column-gap: 20px;
      }   
}