.galleries-grid{
  display: flex;
  flex-wrap: wrap;
  gap:20px;
  justify-content: center;
  &:has(.gallery-grid){
    display:block;
  }
}
.gallery{
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 0 calc(25% - 15px); /* Adjust for gap */
  h4{
    font-size: 20px;
  }
  p{
    margin: 0;
    font-size: 15px;
    line-height: 1.2;
  }
  img{
    height: 200px;
    width: 200px;
    object-fit: cover;
  }
}
.gallery-grid{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  gap:4px;
  .gallery-thumbnail{
    flex-grow: 2;

    img{
      transition: transform .3s ease-in-out;
      &:hover{
        transform: scale(1.2);
      }
    }
  }
}