JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/easing/EasePack.min.js"></script>
<div id="GS_PipelineHeadline">
    <h2>Phase 1</h2>
    <h3 class="GS_Red">Pre-Launch</h3>
</div>

CSS

#GS_PipelineHeadline
{
    position: absolute;
    left: 262px;
    top: 172px;
    height: 55px;
    overflow: hidden;
}

#GS_PipelineHeadline h2
{
    font-family: "din-condensed-web", Arial Black, Arial, sans-serif;
    font-size: 20px;
    color: #919191;
    font-weight: normal;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
}

#GS_PipelineHeadline h3
{
    font-family: "din-condensed-web", Arial Black, Arial, sans-serif;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    color: #991a2e;
}

JavaScript

TweenLite.to("#GS_PipelineHeadline", 0.5, { "margin-top": 0, ease: "Back.easeOut", onComplete: function () { console.log("Crap"); } });