.intro__photo {
  width: 400px;          /* pick any size you want */
  height: 400px;         /* keep same as width for a perfect circle */
  border-radius: 50%;
  object-fit: cover;     /* crop to fill the circle */
  object-position: center;
  display: block;        /* avoids extra inline spacing quirks */
}


.intro-grid {
  grid-template-columns: auto minmax(300px, 2fr);
  gap: 1rem;
  align-items: center; /* vertical centering */
}


/* Stack on small screens */
@media (max-width: 1000px) {
  .intro-grid {
    grid-template-columns: 1fr; /* one column: image on top, bio below */
  }
  .intro__photo {
    width: 400px;
    height: 400px;
    margin-inline: auto; /* center the photo */
  }
}