.about-intro {
  width: 90%;
  max-width: 1170px;
  display: flex;
  flex-flow: row wrap;
  padding: 64px 0;
  margin: 0 auto;
  align-items: center;
}
.about-intro .text {
  width: 70%;
  padding: 20px;
  box-sizing: border-box;
}
.about-intro .image {
  width: 30%;
}
.about-intro .image img {
  width: 100%;
  border-radius: 50%;
}
@media all and (max-width: 980px) {
  .about-intro .text {
    width: 50%;
  }
  .about-intro .image {
    width: 50%;
  }
}
@media all and (max-width: 640px) {
  .about-intro .text {
    width: 100%;
    order: 2;
  }
  .about-intro .image {
    width: 100%;
  }
}