.background-image-hero {
  height: 400px;
  /* vaste hoogte */
  color: white;
  position: relative;
}

.hero-overlay {
  /* background-color: rgba(0, 0, 0, 0.0); */
  /* overlay */
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  /* verticaal centreren */
}

.background-image-hero {
  h1 {
    text-shadow: 1px 1px 2px gray;
  }

  .lead {
    font-weight: bold;
  }
}