.masonry-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.masonry {
    columns: 2;
    column-gap: 10px;
}
.masonry-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}





@media only screen and (max-width: 1023px) and (min-width: 768px) {  .masonry {
                                                                         columns: 4;
                                                                     }
}
@media only screen and (min-width: 1024px) {
    .masonry {
        columns: 5;
    }
}
.masonry-item, .masonry-content {
    width: 100%;
    height: auto;
    overflow: hidden;
}