.learn-more-banner {
  background-color: #1c566e;
  /* background-image: url('/wp-content/themes/hanger/dist/images/bg-learn-more.png'); */
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;

  @media all and (min-width: 47em) {
    background-position: center center;
  }

  .foreground {
    display: flex;
    padding: 4rem 2rem;
    position: relative;
    text-align: center;
    z-index: 2;

    .copy {
      margin: auto;
      max-width: 600px;
    }

    h2 {
      font-size: 1.6rem;
      font-weight: 700;
    }

    * {
      color: var(--color-neutral-white);
    }
  }
}