JSFiddle - React, Tailwind, and code Playground

HTML

<main>

  <div id='left'>
    <div class="shadow">
      overflow hidden
    </div>
  </div>

  <div id='right'>
    <div class="shadow">
      overflow auto
    </div>
  </div>

</main>

CSS

main {
  display: flex;
  justify-content: space-evenly;
}

main>div {
  flex-basis: 45%;
  height: 150px;
  border: 1px solid black;
}

#left {
  overflow: hidden;
}

.shadow {
  display: flex;
  height: 100%;
  box-shadow: 5px 5px 30px 7px rgba(240, 17, 240, 1);
}