JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myselector-one"></div>
<div class="myselector-two"></div>

CSS

@keyframes myanim {
  0%
    {
       
    }
  100% {
    top: 50%;
    left:50%;
    width: 100%;
    height: 60%;
  }
}

.myselector-one {
    top:10em;
    left:0em;
    width:10em;
    height:5em;
    animation-name: myanim;
    animation-duration:2s;
    background-color:#ffaa99;
}
.myselector-two {
    top:20em;
    left:30em;
    width: 15em;
    height: 8em;
    animation-name: myanim;
    animation-duration:2s;
    background-color:#aaff99;
}