.how-it-works {
  position: relative;
  overflow: hidden;
  .container {
    h2 {
      font-size: var(--fs-6xl);
      margin-block: 0 32px;
      line-height: 87%;
      max-width: 1000px;
      letter-spacing: -6px;
      @media (max-width: 1024px) {
        font-size: var(--fs-5xl);
        letter-spacing: -2px;
        margin-bottom: 190px;
        max-width: 440px;
      }
    }
    .text {
      max-width: 575px;
      margin-bottom: 32px;
    }
    .cta {
      @media (max-width: 1024px) {
        text-align: center;
      }
    }
  }
  figure {
    position: absolute;
    right: -58%;
    top: 180px;
    width: 100%;
    @media (max-width: 1024px) {
      top: 110px;
      width: 200%;
      left: 20px;
      max-width: 340px;
    }
  }
}