JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="test1">
    test
  </div>

  <div class="test2">
    test #2
  </div>
</div>

SCSS

.container {
	transform-style: preserve-3d;
  
  .test1 {
    width: 500px;
    height: 500px;
    background: red;
    transform: translate3d(0, 0, 1px);
  }

  .test2 {
    width: 500px;
    height: 500px;
    background: green;
    left: 250px;
    top: 250px;
    position: absolute;
    transform: translate3d(0, 0, 0);
  }
}