JSFiddle - React, Tailwind, and code Playground

HTML

<div id="d1">
</div>
<div id="d2">
</div>
<div id="d3">
</div>

CSS

div {
  width: 60px;
  height: 60px;
}

#d1 {
  background-color: yellow;
}
#d2 {
  background-color: pink;
  outline: 24px solid red;
  transform: translateY(-10px);
  z-index: -1;
}
#d3 {
  background-color: purple;
  outline: 24px solid gray;
}