JSFiddle - React, Tailwind, and code Playground

HTML

<div class="letter-block">
    <div class="letter">
        ЛоЛ
    <input type="text">
    </div>
</div>

CSS

.letter-block {
 position: relative;  
}

.letter {
z-index: 2;
top: 40px;
font-size: 160px;
height: 160px;
left: 30px;
color: #e0e5e9;
padding: 0;
position: absolute;
}
.letter input {
width: 300px;
height: 160px;
background-color: transparent;   
border: none !important;
outline: 0 !important;
color: #0099d2;
left: -1px;
padding: 0;
position: absolute;
top: 2px;

}
input {
font-family: inherit;
font-size: inherit;
}