JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="inner">
    
<input class="input"/>
    
</div>
</div>

CSS

.container {
    width: 100%;
}

.inner {
    position: relative;
}
.input
{
    position: absolute;
    padding-bottom: 10%;
    width:100%;
}