.about {
  .box {
    h2 {
      font-size: 200%;
      width: 100%;
      padding-bottom: 1rem;
    }

    .content {
      width: 100%;

      img {
        width: 100%;
        height: 50vh;
        margin-bottom: 2rem;
      }

      .text {
        p {
          padding-bottom: 2rem;
          line-height: 2rem;
          font-size: 110%;
        }
      }
    }
  }
}

@media (min-width: 768px) {
  .about {
    .box {
      h2 {
        font-size: 300%;
      }

      .content {
        display: flex;
        gap: 1rem;

        img {
          width: 50%;
          background-color: var(--y);
        }

        .text {
          p {
            width: 80%;
          }
        }
      }
    }
  }
}