.hero-media img {
  object-position: 38% 52%;
}
.site-header {
  position: fixed;
  height: 125px;
  padding-bottom: 48px;
  background: linear-gradient(
    180deg,
    #050505 0%,
    #050505 42%,
    rgba(5, 5, 5, 0.82) 68%,
    rgba(5, 5, 5, 0) 100%
  );
  transition:
    height 0.25s ease,
    padding 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.hero-media:before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 0 auto;
  height: 190px;
  background: linear-gradient(
    180deg,
    #050505 0%,
    rgba(5, 5, 5, 0.8) 30%,
    rgba(5, 5, 5, 0.25) 67%,
    transparent 100%
  );
  pointer-events: none;
}
@media (max-width: 800px) {
  .hero-media img {
    object-position: 34% 50%;
  }
  .site-header {
    height: 112px;
    padding-bottom: 40px;
  }
  .hero-media:before {
    height: 175px;
  }
}