.about {
  background: var(--background-color-tertiary);
  color: var(--color-white-100);

  .column-title {
    align-items: flex-start;
    margin-bottom: 28px;
    & h2 {
      text-align: left;
    }
    & p {
      font-size: 16px;
      text-align: left;
    }
  }

  .box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.about__image {
  width: 100%;
  max-width: 78vw;
  height: auto;

  & img {
    width: 100%;
    height: auto;
  }
}


@media (width >= 768px) {
  .about {
    .column-title:not(:root) {
      align-items: center;

      & p {
        text-align: center;
      }
    }
  }
}

@media (width >= 1200px) {
  .about {
    padding-bottom: 32px;

    .column-title {
      margin-bottom: 8px;
      align-items: center;

      & p {
        font-size: 18px;
      }
    }
  }
  .about__image {
    max-width: 74vw;
  }
}