JSFiddle - React, Tailwind, and code Playground

HTML

<div class="logo"></div>

CSS

.logo {
position: absolute;
width: 100px;
height: 100px;
background: red;
transform: translate(80px, 200px);
-webkit-animation: logo 3s 1 forwards;
-moz-animation: logo 3s 1 forwards;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
}
@-webkit-keyframes logo{
  0% {
    transform: translate(80px, 200px);
  }
  100% {
    transform: translate(25px, 500px);
  }
}
@keyframes logo{
  0% {
    transform: translate(80px, 200px);
  }
  100% {
    transform: translate(25px, 500px);
  }
}