/** At this monitor size it is wider than Figma */
.banner {
  position: relative;
  background-color: var(--kale);
  color: var(--white);
}
.banner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: -50px;
    width: 50%;
    background-image: url('./assets/banner-bg.svg');
    background-size: auto 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
  }
@media (min-width: 50.001rem) {
.banner::before {
      bottom: -100px;
  }
    }
.banner__inner {
  position: relative;
  z-index: 1;
  padding: 5rem 0;
}
@media (min-width: 50.001rem) {
.banner__inner {
    padding: 10rem 0;
}
  }
.banner__title {
  position: relative;
  z-index: 1;
  color: var(--white);
}