.banner122 {
  position: relative;
}

.banner122__content {
  position: absolute;
  top: 50%;
  padding-left: 3rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.banner122__title {
  font-size: clamp(2.8rem, calc(0.875cqw + 2.45rem), 3.5rem);
  line-height: calc(1 + 0.5 / var(--font-heading-scale));
  color: rgba(var(--color-foreground));
  font-family: var(--font-custom-family);
}

.banner122__subtitle {
  font-size: calc(var(--font-body-scale) * 1.8rem);
  padding-bottom: 2rem;
  color: rgba(var(--color-foreground), 0.6);
}

.banner122 img {
  min-height: 25rem;
}