

.grid-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
  }
  
  .column {
    flex: 20%;
    max-width: 25%;
    padding: 5px 8px;
  }
  
  .column img {
    margin-top: 8px;
    vertical-align: middle;
    max-width: 100%;
  }
  .gallery-wrapper h3{
    text-align: center;
  }
  .gallery-heading h4{
    font-size: 32px;
  }
  .gallery-heading p{
    font-size: 22px;
  }
  
  @media (max-width: 1200px) {
    .column {
      flex: 40%;
      flex-wrap: wrap;
      max-width: 50%;
    }
  }
  @media (max-width: 1024px) {
    .gallery-heading p {
      font-size: 20px;
  }
  .gallery-heading h4 {
    font-size: 28px;
  }
  }
  @media (max-width: 992px) {
    .gallery-wrapper{
      text-align: center;
    }
    .gallery-image img{
      padding-top: 10px;
    }
    .gallery-heading p {
      font-size: 18px;
  }
  }
  
  @media (max-width: 600px) {
    .column {
      flex: 50%;
      max-width: 100%;
    }
  }