:root {
  --hero-overlay: linear-gradient(90deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .28) 48%, rgba(0, 0, 0, .12));
}

.hero .tint {
  background: var(--hero-overlay);
}