.masonry-wrapper {
     margin-right: auto;
     margin-left: auto;
 }
.masonry {
    columns: 1;
    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: 2;
}
}
@media only screen and (min-width: 1024px) {
    .masonry {
        columns: 3;
    }
}
.masonry-item, .masonry-content {
    border-radius: 3px;
    overflow: hidden;
}
.masonry-item {
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .2));
    transition: filter .25s ease-in-out;
}
.masonry-item:hover {
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .8));
}