.referrals-banner {
  background: #090721;
  background: linear-gradient(0deg, #090721 50%, #06116f 100%);
  margin-top: 50px;
  padding: 20px;
  position: relative;
}

.referrals-banner-image {
  position: relative;
  top: -90px;
  left: -5%;
  right: 0;
  width: 110%;
}

.referrals-banner-content {
  position: relative;
  top: -40px;
}

@media only screen and (min-width: 767px) {
  .referrals-banner {
    background: linear-gradient(-10deg, #090721 50%, #051695 100%);
    margin-top: 0;
    padding: 20px;
    width: 100%;
  }

  .referrals-banner-image {
    position: relative;
    left: 2.5%;
    top: 0;
    bottom: 0;
    width: 300px;
  }

  .referrals-banner-content {
    top: 0;
  }
}

@media only screen and (min-width: 1023px) {
  .referrals-banner {
    background: linear-gradient(-10deg, #090721 50%, #051695 100%);
    width: 100%;
  }
  
  .referrals-banner-image {
    position: absolute;
    left: 5%;
    top: -50px;
    bottom: 0;
    width: 400px;
  }
}