.textmedia--7 {
  row-gap: 1rem;
  position: relative;
  padding-block-start: 16.625rem;
  padding-block-end: 16.625rem;
}

.textmedia--7 .eyebrow {
  color: var(--clr-primary);
}

.textmedia--7 .heading,
.textmedia--7 .lead,
.textmedia--7 .textmedia__text {
  color: var(--clr-white);
}

.textmedia--7 .textmedia__text {
  font-size: 1.25rem;
  hyphens: auto;
}

.textmedia--7 .textmedia__text > * + * {
  margin-top: 1em;
}

.textmedia--7 .textmedia__media,
.textmedia--7 .textmedia__text {
  grid-column: 1 / -1;
}

.textmedia--7 .textmedia__media {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
}

.textmedia--7 .textmedia__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 992px) {
  .textmedia--7 .component__heading {
    grid-column: 2 / 8;
    margin-inline-end: 3rem;
  }
  .textmedia--7 .component__content {
    grid-column: 8 / -2;
    margin-inline-start: 3rem;
  }
}
