.container {
  /* The browser automatically determines the number of columns */
  column-width: 200px; /* Desired minimum width for each column */
  column-gap: 1rem;    /* Space between columns */
}

.item {
  margin-bottom: 1rem;  /* Vertical spacing between items */
  width: 100%;          /* Make items fill their column */
  break-inside: avoid;  /* Prevents items from splitting across columns */
  /* Optional: add styling for images within the item */
}

.item img {
  width: 100%;
  display: block;
  border-radius: 10px;
}