JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<div class="top">

</div>

<div class="bottom">

</div>

CSS

.top {
  height: 200px;
  background: purple;
  position: relative;
  z-index: 1;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
}

.top:hover {
  z-index: 3;
}

.bottom {
  height: 300px;
  background: yellow;
  position: relative;
  z-index: 2;
}