.hero {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero .wrapper {
  color: var(--white);
  border: 1px solid var(--white);
  padding: var(--space-xxl) var(--space-l);
  gap: var(--space-m);
  align-items: start;
}
.hero .wrapper h2 {
  color: inherit;
  font-weight: 900;
  font-size: var(--text-xxl);
}
.hero .wrapper p {
  font-size: var(--text-l);
}