#waitlist {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 150px;

  position: relative;
  &::after {
    content: '';
    background: url('/assets/JIB-bg.webp') no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0.2;
  }

  @media screen and (max-width: 1000px) {
    gap: 40px;
  }

  > .title {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }

  > .content {
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
    justify-content: center;
    width: 100%;

    @media screen and (max-width: 1000px) {
      gap: 24px;
      flex-direction: column-reverse;
      align-items: center;
    }

    @media screen and (max-width: 600px) {
      align-items: unset;
    }

    > :not(.description) {
      flex: 0 0 500px;
    }

    > .description {
      display: flex;
      flex-direction: column;

      @media screen and (min-width: 1000px) {
        flex: 1 0 450px;
        margin-top: 40px;
        height: fit-content;
        position: sticky;
        top: 150px;
      }

      > h2 {
        margin-top: 40px;
        width: fit-content;
        @media screen and (max-width: 1000px) {
          margin-top: 24px;
        }
      }

      > p {
        margin-top: 12px;
        max-width: 450px;
      }
    }
  }
}