JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
         <div class="header"></div>
         <div class="content">
            <div class="lenta"></div>
        </div>
     </div>

CSS

html{
height:100%;
overflow-x:hidden;
}

body{
margin:0;
padding:0;
height:100%;
}

.wrap{
margin:0 auto;
width:300px;
height:100%;
}

.header{
height:200px;
background:black;
}

.content{
height:100%;
border:1px solid #ccc;
}

.lenta{
position:relative;
width:100%;
height:150px;
background:grey;
}

.lenta:before{
position:absolute;
left:-1000%;
top:0px;
background:grey;
width:1000%;
height:100%;
content:'VIP →';
color:#fff;
line-height:800%;
text-align:right;
}

.lenta:after{
position:absolute;
right:-1000%;
top:0px;
background:grey;
width:1000%;
height:100%;
content:'← VIP';
color:#fff;
line-height:800%;
text-align:left;
}