JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "wrapper" >
    <div id="borders"></div>
 <div id="mainContainer">

    <div>
 <img id="introImg" src="http://i.imgur.com/FClbHjn.png"/>
    </div>
  		
    <div id="images">
        <p id="headline1Txt" >Striped Bag</p><br />
        <p id="headline2Txt" >$14</p><br />
        <p id="headline3Txt" >Sale $25</p><br />
    </div>
    <div id="ctaBtn">
      <button class="btn btn-primary" type="button">SHOP NOW</button>
    </div>
 </div>
</div>

CSS

* {
    margin:0;
    padding:0;
}



#wrapper {
    
  
    width:285px;
    height:235px;
    position: absolute;

}
#borders { position:absolute; top:0; left:0; z-index:999; border:12px solid rgba(186,202,228,1); width:285px; height:235px;}
#mainContainer{

    background: url('https://secure-ds.serving-sys.com/BurstingRes/Site-8188/Type-0/5fefb401-b187-4d82-b4db-cbd2ef29cc48.gif');
	width:285px;
	height:235px;
    overflow: hidden;
    position: fixed;
    
    
        
}

#introImg{
	position:absolute;
	top:80px;
	left:150px;
	right:100px;
	
	opacity: 100;
}



#ctaBtn{
	top:200px;
	left:15px;
	position:absolute;
}
	
#headline1Txt, #headline2Txt, #headline3Txt
{
      position:absolute;
       overflow: hidden;
    margin:60px 8px;
    left: -120px;
    


}

#headline2Txt, #headline3Txt
{
       font-size:21px;line-height: 2.0;
}

#headline1Txt
{
      font-size:26px;line-height: 1.5;
}

JavaScript

$(document).ready(function () {

bannerAnimation();
    });


function bannerAnimation(){
    //Jquery Animation

    $("#introImg").animate({ width: "120px",
        height: "140px"
    }, 1000);
    $("#headline1Txt").animate({ left: "20" }, 500, function () {
        $("#headline1Txt").animate({ left: "10" }, 200);
    });

    setTimeout(function () {
        $("#headline2Txt").animate({ left: "20" }, 500, function () {
            $("#headline3Txt").animate({ left: "20" }, 500, function () {
                $("#headline3Txt").animate({ left: "10" }, 200);
            });
            $("#headline2Txt").animate({ left: "10" }, 200);
        });
    }, 1000);
}