.stories-hero-banner {
  color: var(--white);
  padding-top: 9.6rem
}
.stories-hero-banner::before {
  content: "";
  background: rgba(0,0,0,.09);
  width: 75.4vw;
  min-height: 9.6rem;
  position: absolute;
  z-index: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}
@media (min-width:768px) {
  .stories-hero-banner__subheading {
    padding-left: var(--md-3)
  }
}
@media (min-width:1201px) {
    .stories-hero-banner::before {
        min-height: 18.2rem
      }
}
@media (min-width:992px) and (max-width:1200px) {
    .stories-hero-banner::before {
      min-height: 14.2rem
    }
  }

  @media (max-width:900px) and (min-width:768px) {
    .stories-hero-banner::before {
      min-height: 12.2rem
    }
  }