JSFiddle - React, Tailwind, and code Playground

HTML

<div>
 <div>
     <div class="label">Signing Provider</div>
     <div>{filler}</div>
 </div>
  <div>
     <div class="label">LABEL</div>
     <div>filler</div>
 </div>
  <div>
     <div class="label">LABEL</div>
     <div>filler</div>
 </div>
</div>
<div>
 <div>
     <div class="label">LABEL</div>
     <div>filler</div>
 </div>
  <div>
     <div class="label">LABEL</div>
     <div>filler</div>
 </div>
  <div>
     <div class="label">LABEL</div>
     <div>filler</div>
 </div>
</div>

CSS

div { width: 100%; } 

div div { 
    width: 50%; 
    background-color: salmon; 
    float: left; 
    position: relative
}

div div div { 
    background-color: pink; 
    position: relative; 
    z-index: 2
}

div div div:last-child { 
    background-color: red;  
    position: absolute; 
    width: 100%; 
    z-index: 1 
}
.label { width: 100px }