.review {
  padding-top: 2rem;

  h2 {
    font-size: 200%;
    padding-bottom: 2rem;
  }

  .wall {
    width: 100%;
    height: fit-content;
    padding: 2rem 0;
    display: flex;
    overflow-x: scroll;
    justify-content: start;
    gap: 2rem;
    scrollbar-width: none;

    .group {
      width: fit-content;
      height: fit-content;
      display: flex;
      flex-direction: column;
      gap: 1rem;

      .comment {
      width: 260px;
      height: fit-content;
      background-color: var(--l);
      color: var(--d);
      padding: 0.5rem;

      &:nth-child(2) {
        background-color: var(--y);
        translate: 1rem 0;
      }
    }
    }
  }
}

@media (min-width: 768px) {
  .review {
    .wall {
      justify-content: center;
    }
  }
}