.avatar-hat-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.avatar-hat-base {
  border-radius: 50%;
  display: block;
}

.avatar-hat-overlay {
  position: absolute;
  pointer-events: none;
}