JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">

    <span class="text">I am</span>
    <div class="aggettivi">
        <div class="text-animated-one">awsome</div>    
        <div class="text-animated-two">invincible</div>
    </div>


</div>

CSS

@-webkit-keyframes fade-in{
    from{
        opacity:1;
        top:0px;
    }
    to{
        opacity:0;
        top:-5px;
    }
}
.text-animated-one{
    display:inline;
    position:relative;
    top:0px;
    -webkit-animation:fade-in 3s infinite;
    -webkit-animation-delay: 1s;

}
.text-animated-two{
    opacity:0;
    display:inline;
    position:relative;
    margin-left:-56px;
    -webkit-animation:fade-in 3s infinite;
    -webkit-animation-delay: 2.5s;
}

.aggettivi{
    display:inline;
    width:100px;
    height:100px;
}