/* O tamanho acompanha a coluna sem distorcer o recorte circular. */
.about-portrait {
  position: relative;
  width: min(400px, 100%);
  aspect-ratio: 1;
  align-self: start;
  justify-self: start;
  overflow: hidden;
  border: 1px solid #10110d;
  border-radius: 50%;
  background: #111;
}

.about-portrait > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 850px) {
  .about-portrait {
    width: min(170px, 100%);
  }
}