JSFiddle - React, Tailwind, and code Playground

HTML

<div class="forma">
    <input class="name" id="name">
    <label class="name_label" for="name">Ваше имя</label>
</div>

SCSS

.forma {
    width: 200px;
    position: relative;
}

.name {
    width: 100%;
    border: 1px solid #ff0000;
    &:focus {
        & + .name_label {
            display: none;
            }
        }
}

.name_label {
    position: absolute;
    top: 0px;
    left: 35%;
}