.masonry-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.masonry-item {
    flex: 1 1 calc(25% - 15px);
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .masonry-item {
        flex: 1 1 calc(33.333% - 15px);
    }
}
@media (max-width: 576px) {
    .masonry-item {
        flex: 1 1 calc(50% - 15px);
    }
}