JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="child1">this is a first</div>
  <div class="child2">this is an second</div>
  <div class="child3">this is an third</div>
</div>

CSS

.container {
  display: flex;
}

.child1 {
  position: absolute
}

.child1 {
  background: red;
  order: 1;
}

.child2 {
  background: yellow;
  order: 0;
}

.child3 {
  order: 0;
}