JSFiddle - React, Tailwind, and code Playground

HTML

<flex-container>
  <flex-item>item 1</flex-item>
  <flex-item>item 2</flex-item>
  <flex-item abspos>item 3</flex-item>
</flex-container>

CSS

flex-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  background-color: skyblue;
  height: 100px;
}

flex-item {
  background: lightgreen;
  width: 100px;
}

[abspos] {
  position: absolute;
  z-index: -1;
}