.static-hero {
  align-items: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),  var(--image);
  background-position: center;
  background-size: cover;
  display: flex;
  min-height: calc(100vh - 48px);
}

.static-hero-content {
  max-width: 540px;
}

.static-hero h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}

@media (min-width: 992px) {
  .static-hero .container {
    max-width: calc(100% - 120px);
  }
}