JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

html{
height:100%;
}

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-fon{
position:absolute;
background:grey;
height:150px;
width:100%;
top:201px;
}

.lenta:before{
position:absolute;
left:-50px;
top:70px;
background:grey;
width:50px;
height:30px;
content:'VIP →';
color:#fff;
text-align:right;
}

.lenta:after{
position:absolute;
right:-50px;
top:70px;
background:grey;
width:50px;
height:30px;
content:'← VIP';
color:#fff;
text-align:right;
}