.waterfall {
   column-count: 4;
      column-gap: 20px;
      padding: 0;
    }
    .item {
      break-inside: avoid;
      margin-bottom: 20px;
      background-color: #f9f9f9;
      border-radius: 15px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }
    .item img {
      width: 200px;
      height: 200px;
      object-fit: cover;
    }
    .item .title {
      padding: 10px;
      font-size: 24px;
      color: #333;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }