JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="left">
        <div class="title">
            <div class="in">Тaтул</div>
        </div>
    </div>
    <div class="right">1</div>
</div>

CSS

.main {
    width:100%;
    background:#000;
}
.left {
    width:50%;
    height:100px;
    background:#f00;
    float:left;
    z-index:101;
    opacity: 0.6;
}
.right {
    width:50%;
    height:100px;
    background:#00f;
    float:left;
    z-index:101;
    opacity: 0.6;
}
.title {
    width:100%;
    z-index:111;
}
.in {
    background:#0f0;
    margin:10px;
}