.textInColumns {
  margin: 40px 0;
}
.textInColumns__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 1200px) {
  .textInColumns {
    margin: 50px 0px 70px;
  }
  .textInColumns__container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .textInColumns__heading {
    grid-column: span 6;
  }
  .textInColumns__text {
    grid-column: span 6;
  }
}