.about-intro__row {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.about-intro__head {
  width: 100%;
  max-width: 35rem;
}

.about-intro__columns {
  display: flex;
  align-items: flex-start;
  gap: 6rem;
  width: 100%;
  margin-top: 1.25rem;
}

.about-intro__columns--no-head {
  margin-top: 0;
}

.about-intro__columns .about-intro__text {
  margin-top: 0;
}

@media screen and (max-width: 1023.98px) {
  .about-intro__columns {
    gap: 3rem;
  }
}

@media screen and (max-width: 767.98px) {
  .about-intro__head {
    max-width: 100%;
  }

  .about-intro__columns {
    flex-direction: column;
    gap: 2rem;
  }

  .about-intro__columns .about-intro__col {
    width: 100%;
    max-width: 100%;
  }
}