.hero {
  background: #131719;
}

.hero::before {
  content: "";
  position: absolute;
  inset: -16px;
  background: url("assets/saw-rite-banner.png") center / cover no-repeat;
  filter: blur(10px);
  opacity: 0.5;
}

.hero > img {
  inset: 0;
  object-fit: contain;
  object-position: 70% center;
  transform: scale(0.91);
}

.hero-shade {
  background: linear-gradient(90deg, rgba(5,7,8,.97) 0%, rgba(5,7,8,.82) 38%, rgba(5,7,8,.22) 67%, rgba(5,7,8,.08) 100%);
}

@media (max-width: 850px) {
  .hero > img {
    object-position: center 12%;
    transform: scale(0.94);
  }

  .hero-shade {
    background: linear-gradient(0deg, rgba(5,7,8,.98) 0%, rgba(5,7,8,.76) 48%, rgba(5,7,8,.12) 82%);
  }
}