.waterfall-container {
  column-count: 3; /* 初始列数，根据屏幕大小可调整 */
  column-gap: 10px; /* 列间隙 */
}

.item {
  break-inside: avoid; /* 防止内容在列中被分割 */
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f9f9f9; /* 可选：给盒子加背景色 */
}

.item img {
  width: 100%;
  height: auto;
}

@media (max-width: 1200px) {
  .waterfall-container {
    column-count: 3;
  }
}

@media (max-width: 800px) {
  .waterfall-container {
    column-count: 2;
  }
}

@media (max-width: 450px) {
  .waterfall-container {
    column-count: 1;
  }
}