.random-wrapper {
  .tardis {
    position: absolute;
    top: 200px;
    width: 100px;
    height: 100px;
    display: block;
    background: url('~@/assets/images/tardis.gif') center center no-repeat;
    background-size: contain;
    z-index: 90;
    animation: flying-tardis 6s linear;
    transform: translate3d(-100px, 0, 0);
    animation-iteration-count: 1;
  	backface-visibility: hidden;
		will-change: transform;
  }
}

@keyframes flying-tardis {
  from { transform: translate3d(-100px, 0, 0); }
  to { transform: translate3d(300px, -200px, 0); }
}