/* Masonry grid layout */
.masonry-grid {
    opacity: 0;
    transition: opacity 0.3s ease;
    width: calc(100% + 30px);
    margin-left: -15px;
}
.masonry-grid.is-initialized {
    opacity: 1;
}

.masonry-loading.is-hidden {
    display: none;
}

.masonry-item {
    width: 25%; /* Default size - 4 items per row */
    padding: 5px;
    box-sizing: border-box;
}
/* Items get 15px padding on each side (total 30px between items) */
.masonry-item {
    padding: 0 15px;
    margin-bottom: 15px; /* Vertical spacing between items */
    box-sizing: border-box;
}

/* Make images fill their containers */
.masonry-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* .masonry-wide {
    width: 50%;
}

.masonry-tall {
    width: 25%;
}

.masonry-large {
    width: 50%;
} */

/* Make images fill their containers */
.masonry-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* Item caption styling */
.item-caption {
    padding: 8px 0;
}
.masonry-container {
    position: relative;
    min-height: 200px; /* Adjust based on your content */
}

.masonry-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .masonry-item {
        width: 33.333%; /* 3 items per row */
    }
}

@media (max-width: 768px) {
    .masonry-item {
        width: 50%; /* 2 items per row */
    }
}

@media (max-width: 480px) {
    .masonry-item {
        width: 100%; /* 1 item per row */
    }
}