JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" id="form_field">
    <input type="text" id="textfield1" value="" onChange="document.getElementById('textfield2').value=this.value" placeholder="Enter Image Title">
    <input type="text" id="textfield2"  placeholder="Enter Image Description" value="">
</form>

CSS

form#form_field {
    width: 600px;
    height: 359px;
    background-image: url(http://115.167.77.38/Rqae5eb53b-c103-49e4-a363-9cb05f81161d/ID1ECD8FAC511258F/RV200000/AVSkyController_3.1.2.49749/Br200/CL0-global/EI78527975/Ht240/IP139.190.229.202%3a54741/IQ100/MO15/MT0/NIkhi-opt-01.wi-tribe.net.pk/OC0/OS0/Otjpeg/PB200/PNNoCongestion_3G4GWiFi_Desktop/SI3133392e3139302e3232392e3230323a35343734312d39332e3138342e3232302e32303a3830/SUhttp%3a%2f%2fpictures.topspeed.com%2fIMG%2fcrop%2f200907%2fferrari-458-italia-2_600x0w.jpg/Sd6B617261636869/TI78527975/Tr1/Wh400/EV66325b54a906ba3c88f72ef57bc41620/file.jpeg)
}
form#form_field input {
    background: transparent;
    border: none;
    width: 100%;
    text-align: center;
    font-size: 25px;
    margin-top: 100px;
    color: white;
}
form#form_field input:focus {
    outline: none;
}