.avatar-wrapper {
  margin-right: 0.5rem;
  aspect-ratio: 1/1;
  width: 45px;
  height: 45px;
}

.avatar-size__card {
  border-radius: 100%;
  object-fit: cover;
  width: 45px;
  height: 45px;
}

.is_mayor {
  position: relative;
}

.is_mayor::before {
  content: "";
  background: url("/wp-content/uploads/coin_icon_crown.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 30px;
  position: absolute;
  top: -20px;
  left: -10px;
}

.avatar-size__fancy {
  position: relative;
  border-radius: 0 0 100vw 100vw;
  aspect-ratio: 1/1.15;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

// .avatar-size__fancy::before {
//   content: "";
//   width: 100%;
//   border: 7px solid var(--white);
//   position: absolute;
//   aspect-ratio: 1/1;
//   border-radius: 100vw;
//   z-index: 3;
// }

.avatar__background {
  position: absolute;
  border-radius: 100%;
  transition: transform 0.4s linear;
}

.avatar__cutout {
  position: relative;
  z-index: 2;
  transition: transform 0.25s linear;
}

.avatar-size__fancy:hover .avatar__cutout {
  transform: scale(1.25) translateY(-0.5rem);
  z-index: 5;
}