.masonry-layout {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    position: relative;
}
.masonry-layout * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.masonry-layout-panel {
    margin: 0;
    padding: 5px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.masonry-layout-panel__content {
    overflow: hidden;
    padding: 10px;
    width: 100%;
}


@media (min-width: 768px) {
    .masonry-layout {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media (min-width: 1200px) {
    .masonry-layout {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}