.about {
  width: 100%;
  position: relative;
}

.half-col {
  width: 100%;
}

.about__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.about__header {
  margin-bottom: 1rem;
}

.about__featured-image {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  object-position: top;
}

@media screen and (min-width: 750px) {
  .about__wrapper {
    flex-direction: row;
    max-width: 1000px;
    width: 100%;
    gap: 3rem;
  }
  .about__wrapper p {
    font-size: 16px;
    word-spacing: 2px;
  }

  .about__featured-image {
    max-height: 600px;
    height: 100%;
  }

  .about__header {
    font-size: 5vw;
    padding: 0.5rem 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  .half-col {
    max-width: 49%;
    width: 100%;
  }
}