.contact-page-hero {
  background-color: #03101f;
  background-image:
    linear-gradient(
      90deg,
      rgba(3, 15, 30, 0.94) 0%,
      rgba(3, 15, 30, 0.78) 42%,
      rgba(3, 15, 30, 0.30) 72%,
      rgba(3, 15, 30, 0.10) 100%
    ),
    url("../images/heroes/contact-hero.png");
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .contact-page-hero {
    background-position: 62% center;
  }
}