.masonry {
    column-count: 4;
    column-gap: 1rem;
  }

  @media (max-width: 991px) {
    .masonry { column-count: 3; }
  }
  @media (max-width: 768px) {
    .masonry { column-count: 2; }
  }
  @media (max-width: 576px) {
    .masonry { column-count: 1; }
  }

  .masonry-item {
    margin-bottom: 1rem;
    break-inside: avoid;
  }
.gallery-photo-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: 10px;
}

.gallery-photo-wrapper img {
    border: none;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.gallery-photo-wrapper::after {
    pointer-events: none;
    content: "";
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(65, 147, 188,0.3) 0%, rgba(65, 147, 188,0) 30%, rgba(65, 147, 188,0) 70%, rgba(65, 147, 188,0.3) 100%);

   /* background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.2) 100%);*/
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 10px;
}

.gallery-photo-wrapper:hover::after {
    opacity: 1;
}