JSFiddle - React, Tailwind, and code Playground

HTML

<div id="opening-form">
            <p><em>thgfvdc</em></p>
            <form action="#" method="post" accept-charset="utf-8" id="temp-form">
                <label for="opening-form-name"></label><input id="opening-form-name" type="text" name="opening-form-name" value="" placeholder="name">
                <select name="opening-form-gender" id="opening-form-gender">
                    <option value="f">Female</option>
                    <option value="e">Male</option>
                </select>
                <label for="opening-form-age"></label><input id="opening-form-age" type="text" name="opening-form-age" value="" placeholder="Old years">
                <label for="opening-form-email"></label><input id="opening-form-email" type="email" name="opening-form-email" value="" placeholder="Email">
                <input  class="submit" type='submit' name='promo-form-submit' value=''>
            </form>
        </div>

CSS

#opening-form {
  background-image: url('../img/opening-form-bg.png');
  background-repeat: no-repeat;
  height: 139px;
  margin: 40px auto;
  padding: 20px;
}
#opening-form p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  color:#666666;
}
#opening-form strong {
    font-size:20px;
}
#opening-form input[type="text"],
#opening-form input[type="email"],
#opening-form select {
  width: 175px;
  height: 30px;
  border: 1px solid #e7e7e7;
  background-image: url('../img/input-bg.png');
  font-weight: regular;
  font-size:12px;
  color: #666666;
  padding-left:5px;
}

#opening-form .submit {
  background-image: url('../img/red-submit.png');
  border: none;
  width: 115px;
  height: 31px;
  line-height: 28px;
}
#opening-form .submit:hover {
  background-image: url('../img/red-submit-hover.png');
}