@media (min-width: 768px) {
  .text-reveal-hero {
    grid-gap: var(--spacer--xl);
    align-items: center;
  }
}

@media (min-width: 768px) {
  .text-reveal-hero__content-wrapper {
    grid-column: 1 / 3;
  }
}

.text-reveal-hero__headline {
  font-weight: var(--font-weight--normal);
}

.text-reveal-hero__animation-wrapper {
  position: relative;
  z-index: 0;
}

@media (min-width: 768px) {
  .text-reveal-hero__animation-wrapper {
    grid-column: 3 / 6;
  }
}

.text-reveal-hero__image-wrapper {
  width: 52.5%;
}

.text-reveal-hero__image-wrapper img {
  width: 100%;
  filter: drop-shadow(50px 0 50px var(--background));
}

.text-reveal-hero__text-svg-wrapper {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 0;
  width: 100%;
  height: 75%;
  overflow: hidden;
  transform: translateY(-50%);
  text-align: right;
}

.text-reveal-hero__text-svg-wrapper img {
  position: absolute;
  top: 0;
  right: 0;
  width: auto !important;
  max-width: unset;
  height: 100%;
}