.pop-character-parent {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.pop-character-parent .pop-character-child {
  position: relative;
  display: inline-block;
}
.pop-character-parent.fade-in {
  opacity: 1;
}
.pop-character-parent.fade-in.hidden {
  opacity: 0;
}
.pop-character-parent.fade-in .pop-character-child {
  transition: all 2s ease-in-out;
}

@-webkit-keyframes test {
  from {
    transform: translate(10px, 10px);
  }
  to {
    transform: translate(-10px, -10px);
  }
}

@keyframes test {
  from {
    transform: translate(10px, 10px);
  }
  to {
    transform: translate(-10px, -10px);
  }
}