JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cell" id="c1">
  <div class="container">
    <div class="absolute">TEST</div>
  </div>
</div>
<div class="cell" id="c2">
  <div class="container">
    <div class="absolute">TEST2</div>
  </div>
</div>

CSS

#c1 {
  background-color: red;
}

#c2 {
  background-color: green;
}

.cell {
  display: inline-block;
  width: 50px;
  height: 50px;
  transition: all .2s ease-in;
}

.cell:hover {
  transform: scale(2);
  z-index: 100;
}

.container {
  position: relative;
  height: 100%;
}

.absolute {
  position: absolute;
  z-index: 0;
}