.avatar--grin {
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);

  &:hover {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}