JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height:100px;background-color:#adadbb">
IRRELEVANT THINGS HERE
</div>

<div class="dynamicDiv">
    <div class="card">
        Content here
     </div>
</div>

<div style="height:100px;background-color:#adadbb">
IRRELEVANT THINGS HERE VOL 2
</div>

CSS

.dynamicDiv{
  background-color:yellow;
  overflow:auto;
}

.card{
height:15vh;
margin-top:10px;
margin-bottom:10px;
}