body {
  height: 100vh;
}

.hero-image {
  height: 50%;
  background-image: url(/assets/construction-worker@2x-fab794017668c733568b1961740a6ef38d8bbdbf1651d26d3ba42cb6052d170e.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: scroll;
  background-color: #555
}

.hero-gradient {
  background-image: linear-gradient(90deg, black, transparent)
}

.signature-fencing-logo {
  height: 200px;
}

@media (max-width: 500px) {
  .hero-image {
    background-image: url(/assets/construction-worker-mobile-549ab231eb34421d0b563c1c3bf7574f18c6437d8c6a9ea2bc1551e324b92811.png);
    background-size: 100% auto;
  }

  .signature-fencing-logo {
    height: 100px;
  }
}