.contact-hero{
  position: relative;
  overflow: hidden;
}

.contact-hero::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 29%;
  background: var(--c-black);
  z-index: 0;
}

.contact-hero > .container{
  position: relative;
  z-index: 1;
}