JSFiddle - React, Tailwind, and code Playground

HTML

<div class="badly-hidden">
  <div id="back">
    <label for="name-entry">Bitte geben Sie Ihren Namen einn</label>
    <input id="name-entry" type="text">
  </div>
</div>

<figure id="show_me">
  Viel GlĂĽck beim Eingeben!
</figure>

CSS

#back {
  width: 20em;
  text-align: center;
  border: 2px solid red;
  padding: 0.5em 2em;
}
#back input {
  width: 90%;
}
#show_me {
  border: 2px solid blue;
  padding-bottom: 100px;
  background: center no-repeat -moz-element(#back);
}
.badly-hidden {
  position: absolute;
  width: 0;
  height; 0;
  overflow: hidden;
}