.hero-image:after {
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: rgba(0,0,0,.5);
      top: 0;
      left: 0;
      display: block;
      content: "";
}