/* Container for the images */
#OurWorkgallery .gallery-area {
    /* Set the number of columns */
    column-count: 4; 
    column-gap: 20px;
    width: 100%;
    display: block; /* Important: Disable flexbox here */
}

/* Individual image wrappers */
.image-area {
    display: inline-block; /* Prevents items from breaking across columns */
    margin-bottom: 20px;
    width: 100%;
}

.image-area img {
    border-radius: 10px;
    box-shadow: 1px 3px 10px #939393;
    width: 100%; /* Make image fill the column width */
    height: auto; /* Maintain aspect ratio */
    display: block;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    #OurWorkgallery .gallery-area { column-count: 3; }
}
@media (max-width: 768px) {
    #OurWorkgallery .gallery-area { column-count: 2; }
    
}
@media (max-width: 480px) {
    #OurWorkgallery .gallery-area { column-count: 2; }
}