JSFiddle - React, Tailwind, and code Playground

HTML

<div class="absolute">
  <div class="fixed">
    da fuq is this shit
  </div>
</div>

CSS

.absolute {
  position: absolute;
  height: 200px;
  width: 200px;
  overflow:hidden;
  border:1px solid #333;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
}
.fixed {
  position: fixed;
  height: 200px;
  width: 200px;
  top: 50%;
  border:1px solid red;
}