.profile-photo {
  float: right;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 20%;
  margin: 0 0 1.5rem 2rem;
  border: 3px solid var(--md-primary-fg-color);
  shape-outside: circle();
}

@media (max-width: 600px) {
  .profile-photo {
    float: none;
    display: block;
    margin: 1rem auto;
  }
}