JSFiddle - React, Tailwind, and code Playground

HTML

<div class="front-on-click">One is longer</div>
<div class="front-on-click">Two<br>is higher</div>

CSS

.front{
    z-index:100;
}
.front-on-click{
    position:absolute;
    background:white;
    border:1px solid black;
    cursor:pointer;
}

JavaScript

$('.front-on-click').click(function(){
    $('.front').removeClass('front');
    $(this).addClass('front');
});