.about {
  padding-bottom: 2rem;
  padding-top: 5rem;

  h2 {
    padding-bottom: 2rem;
    font-size: 180%;
  }

  .mobile {
    width: 100%;
    height: 30vh;;
    margin-bottom: 1rem;
    object-fit: contain;
    object-position: center;
  }

  .desktop {
    display: none;
  }

  .text {
    p {
      padding-bottom: 1rem;
      line-height: 2rem;
    }
  }
}

@media (min-width: 768px) {
  .about {
    h2 {
      font-size: 200%; 
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }
    .content {
      display: flex;
      justify-content: center;

      .mobile {
        display: none;
      }

      .desktop {
        display: block;
        width: 50%;
        height: 60vh;
        object-fit: contain;
        object-position: center;
      }

      .text {
        width: 40%;
      }
    }
  }
}