.profile-photo {
  aspect-ratio: 4 / 5;
  background: var(--navy);
  margin: 0;
  overflow: hidden;
  position: relative;
}

.profile-photo::after {
  border: 1px solid rgba(216, 183, 119, 0.58);
  content: "";
  inset: 18px;
  pointer-events: none;
  position: absolute;
}

.profile-photo img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
  width: 100%;
}

@media (max-width: 680px) {
  .profile-photo {
    max-width: 380px;
    width: 100%;
  }
}