.scf-gallery-image{
    overflow: hidden;
}
.scf-gallery-grid .scf-gallery-image {
    width: 25%;
    height: 160px;
    float: left;
  
}
.scf-gallery-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.scf-gallery-image:hover{
    cursor: pointer;
}

/* Hover effect: Zoom In */

.h-zi img {
    transition: transform 0.3s ease;
}
.h-zi img:hover {
    transform: scale(1.2);
}

/* Hover effect: Zoom Out */
.h-zo img {
    transform: scale(1.2);
    transition: transform 0.3s ease-in-out;
}
.h-zo img:hover {
    transform: scale(1);
}

/* Hover effect: Shine effect */
.h-sh {
    position: relative;
    overflow: hidden;
}

.h-sh img {
    transition: transform 0.5s ease;
}

.h-sh::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.184);
    transform: skewX(-25deg);
}

.h-sh:hover::before {
    left: 130%;
    transition: all 0.4s ease;
}


.masonry-grid {
    column-count: 3;
    gap: 10px;
}

.masonry-grid-item {
     box-sizing: border-box;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    counter-increment: brick-counter;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .masonry-grid {
        column-count: 2; 
    }
}

@media (max-width: 768px) {
    .masonry-grid {
        column-count: 2;
    }
}