.portrait-wrap {
  width: min(100%, 500px);
  margin-left: auto;
  align-self: center;
  justify-self: end;
}

.portrait-frame {
  width: 100%;
  aspect-ratio: 1;
}

.portrait-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0 24px 55px rgba(17, 24, 39, .16);
}

@media (max-width: 960px) {
  .portrait-wrap {
    margin-left: 0;
    justify-self: start;
  }
}

@media (max-width: 620px) {
  .portrait-wrap {
    width: min(100%, 390px);
    margin-inline: auto;
    justify-self: center;
  }
}