.event-hero.we-ride-as-one-hero {
  background-image: url('/assets/we-ride-as-one-hero.png');
  background-position: center;
  background-size: cover;
}

.event-intro.we-ride-as-one-hero {
  background-image:
    linear-gradient(90deg, rgba(3, 4, 5, .9) 0%, rgba(3, 4, 5, .58) 46%, rgba(3, 4, 5, .12) 100%),
    linear-gradient(0deg, rgba(5, 6, 7, .82) 0%, transparent 55%),
    url('/assets/we-ride-as-one-hero.png');
  background-position: center;
  background-size: cover;
  position: relative;
  isolation: isolate;
}

.event-intro.we-ride-as-one-hero > * {
  position: relative;
  z-index: 1;
}

.event-intro.we-ride-as-one-hero > p:not(.eyebrow),
.event-intro.we-ride-as-one-hero > strong {
  color: #f4f4f1;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .95);
}

.event-intro.we-ride-as-one-hero h1,
.event-hero.we-ride-as-one-hero .hero-copy {
  text-shadow: 0 3px 26px rgba(0, 0, 0, .95);
}

@media (max-width: 700px) {
  .event-hero.we-ride-as-one-hero,
  .event-intro.we-ride-as-one-hero {
    background-position: 58% center;
  }
}