.masonry-container .view-masonry-grid > .view-content {
  column-count: 1;
  column-gap: 10px;
}

.masonry-container .masonry-item {
  break-inside: avoid;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 5px;
  width: 100%;
}

@media only screen and (min-width: 550px) {
  .masonry-wrapper {
    margin: 0 -3px;
  }

  .masonry-3 .view-masonry-grid > .view-content {
    column-count: 2;
    column-gap: 6px;
  }

  .masonry-3 .masonry-item,
  .masonry-2 .masonry-item {
    padding: 0 3px;
  }
}

@media only screen and (min-width: 900px) {
  .masonry-wrapper {
    margin: 0 -5px;
  }

  .masonry-3 .view-masonry-grid > .view-content {
    column-count: 3;
    column-gap: 10px;
  }

  .masonry-2 .view-masonry-grid > .view-content {
    column-count: 2;
    column-gap: 10px;
  }

  .masonry-3 .masonry-item,
  .masonry-2 .masonry-item {
    padding: 0 5px;
  }
}