<div class="green-banner-wrapper green-banner-wrapper-image">
  <div class="green-banner start-now width-limit">
    <img class="green-banner-image start-now-image" alt="banner image" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/start_today.png">
    <div class="green-banner-content start-now-content">
      <h1 class="green-banner-title start-now-title">
        How to get most out of Pipedrive?
      </h1>
      <div class="green-banner-text start-now-text">
        Welcome to Pipedrive Academy! Pipedrive Academy features CRM training videos and tutorials to help you level up your CRM and sales skills, from quick CRM courses to in-depth tutorials on specific features.
      </div>
      <div class="button-wrapper start-now-button-wrapper">
        <a class="green-banner-button button-large button-1" href="">
          Start now
        </a>
      </div>
    </div>
  </div>
</div>

<style>
  .start-now {
    max-width: unset;
    height: 330px;
    position: relative;
  }
  
  .start-now-image {
    flex: 0;
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
    height: 330px;
  }

  .start-now-content {
    z-index: 1;
    position: relative;
  }

  @media (min-width: 768px) {
    .start-now-image, .start-now {
      height: 403px;
    }
  }

  .start-now-title {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    color: #192435;
  }

  .start-now-text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #192435;
  }

  .start-now-button-wrapper {
    justify-content: center;
  }
</style>