.avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--navy);
  border: 2px solid #f3a46a;
  box-shadow: 0 3px 10px #07103d22;
  flex: 0 0 auto;
}

.avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 25%;
}