.flex-cols-wrapper {
  padding: 16px 0;
}
.flex-cols-wrapper > * {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .flex-cols-wrapper {
    flex-flow: column wrap;
    margin-left: -8px;
    margin-right: -8px;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 16px;
    column-count: var(--flex-columns);
  }
  .flex-cols-wrapper > * {
    break-inside: avoid;
  }
}