.text-img-text-wrapper {
  grid-column: 3 / span 5;
  grid-row: 1 / span 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.text-img-img-wrapper {
  grid-column: 9 / span 4;
  grid-row: 1 / span 1;
}

.text-img-headline {
  margin-bottom: var(--s-sm);
  text-wrap: balance;
}

.text-img-buttons {
  margin-top: var(--s-sm);
  display: flex;
  gap: 1em;
}

.img-side-left .text-img-img-wrapper {
  grid-column: 3 / span 4;
}

.img-side-left .text-img-text-wrapper {
  grid-column: 8 / span 5;
}

@media (max-width: 1199.98px) {
  .text-img-text-wrapper {
    grid-column: 2 / span 6;
  }

  .text-img-img-wrapper {
    grid-column: 9 / span 5;
  }

  .img-side-left .text-img-img-wrapper {
    grid-column: 2 / span 5;
  }

  .img-side-left .text-img-text-wrapper {
    grid-column: 8 / span 6;
  }
}

@media (max-width: 767.98px) {
  .text-img-text-wrapper {
    margin-bottom: var(--s-sm);
  }

  .text-img-text-wrapper,
  .text-img-img-wrapper,
  .img-side-left .text-img-img-wrapper,
  .img-side-left .text-img-text-wrapper {
    grid-column: 3 / span 10;
    grid-row: unset;
  }
}

@media (max-width: 575.98px) {
    .text-img-text-wrapper,
  .text-img-img-wrapper {
    grid-column: 2 / span 12;
  }
}