:root {
  --gap: 40px;
}

.aura-wrap {
  max-width: 100vw;
  padding: 0;
}

.aura-masonry {
  display: block !important;
  column-count: 6;
  column-gap: var(--gap);
  padding: var(--gap);
}

.aura-masonry figure {
  margin: 0 0 var(--gap) 0;
  break-inside: avoid;
  page-break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.aura-masonry img {
  width: 100%;
  height: auto;
  display: block;
  background: #111;
}

/* Responsive breakpoints */
@media (max-width: 1200px) {
  .aura-masonry {
    column-count: 5;
    column-gap: 20px;
    padding: 20px;
  }

  .aura-masonry figure {
    margin: 0 0 20px 0;
  }
}

@media (max-width: 1000px) {
  .aura-masonry {
    column-count: 4;
    column-gap: 20px;
    padding: 20px;
  }

  .aura-masonry figure {
    margin: 0 0 20px 0;
  }
}

@media (max-width: 850px) {
  .aura-masonry {
    column-count: 3;
    column-gap: 20px;
    padding: 20px;
  }

  .aura-masonry figure {
    margin: 0 0 20px 0;
  }
}

@media (max-width: 600px) {
  .aura-masonry {
    column-count: 2;
    column-gap: 15px;
    padding: 15px;
  }

  .aura-masonry figure {
    margin: 0 0 15px 0;
  }
}

@media (max-width: 400px) {
  .aura-masonry {
    column-count: 1;
    column-gap: 10px;
    padding: 10px;
  }

  .aura-masonry figure {
    margin: 0 0 10px 0;
  }
}