.box {
display: flex;
height: 200px;
max-height: 50%;
margin: 10%;
background-color: aqua;
overflow: scroll;
}
.item {
width: 50%;
}
.esquerda {
background-color: brown;
}
.direita {
background-color: tomato;
}
<div class="box">
<div class="item">
<div class="esquerda">
esquerda
</div>
</div>
<div class="item">
<div class="direita">
direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>
direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>direita<br>
</div>
</div>
</div>