JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer-wrapper">
  <div class="wrapper">
  <div class="overflowed">(Overflowing the wrapper)</div>
  </div>
</div>

CSS

.outer-wrapper {
  position: relative;
  padding: 100px;
  background: white;
}
.wrapper {
  overflow: hidden;
  height: 200px;
  background: darkblue;
}
.overflowed {
  position: absolute;
  width: 50%;
  background: lightblue;
  padding: 50px;
  top: 50px;
  left: 50px;
  font-family: sans-serif;
}