/* Separate frame overlay preserves the original avatar. */
.card-info .avatar-img,
#sidebar #sidebar-menus > .avatar-img {
  position: relative;
  overflow: visible;
  width: 110px;
  height: 110px;
  margin: 24px auto 28px;
  isolation: isolate;
}
.card-info .avatar-img::after,
#sidebar #sidebar-menus > .avatar-img::after {
  content: '';
  position: absolute;
  inset: -23px;
  z-index: 2;
  background: url('/medias/avatar-frame.svg') center / contain no-repeat;
  pointer-events: none;
}
.card-info .avatar-img img,
#sidebar #sidebar-menus > .avatar-img img {
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #aaa;
  border-radius: 50%;
  object-fit: cover;
  box-sizing: border-box;
}
.card-info .avatar-img img:hover,
#sidebar #sidebar-menus > .avatar-img img:hover { transform: none; }

/* Keep the announcement heading calm and static. */
.card-announcement .item-headline .fa-bullhorn {
  display: none;
  animation: none !important;
}