.hero-bg {
  background: linear-gradient(90deg, #130200 0%, #130200e8 24%, #13020072 48%, transparent 76%), url('hero-main.jpg') 54% center / cover no-repeat;
  transform: scale(1.1) translateY(-4%);
  transform-origin: center;
}

.hero { overflow: hidden; }

.hero-copy { max-width: 650px; }

@media (max-width: 760px) {
  .hero-bg {
    background: linear-gradient(0deg, #130200 2%, #130200bd 28%, transparent 66%), linear-gradient(90deg, #130200ba 0%, transparent 75%), url('hero-main.jpg') 54% center / cover no-repeat;
    transform: scale(1.15) translateY(-5%);
  }
  .hero-copy { padding-bottom: 38px; }
}