.about {
  grid-column: full;
  margin-block-start: var(--s2);
}

.about-portrait-container {
  text-align: center;
  margin: 0;
}

@media only screen and (min-width: 690px) {
  .about {
    display: grid;
    grid-template-columns: minmax(25vw, 25rem) minmax(50vw, 1fr);
    gap: var(--s2);
  }

  .about-portrait-container {
    margin: var(--s2) 0 0 0;
  }
}

.about-portrait {
  position: relative;
  display: inline-block;
  max-inline-size: 100%;
}

.about-portrait .full-img {
  max-inline-size: 100%;
  margin: 0 auto;
}