JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <div class="slider">
        <img src="http://ofb3752.bget.ru/images/img1.1.jpg">
    </div>
    <div class="right">
        <div class="item">item1</div>
        <div class="item">item2</div>
        <div class="item">item3</div>
        <div class="item">item4</div>
    </div>
</div>

CSS

.block{
    width:100%;
    position:relative;
}
.block:after{
    content:"";
    display:block;
    clear:both;
}
.slider{
    width:70%;
}
.slider>img{
    width:100%;
}
.right{
    position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    width:30%;
    overflow:auto;
}
.right>.item{
    height:50px;
}