JSFiddle - React, Tailwind, and code Playground

HTML

<div class="con">
<img src="http://via.placeholder.com/1600x500"  width="1600" height="585">" alt="" />
<div class="top">
<p>Ваше имя (обязательно)<br />
[text* your-name] </p>
 
<p>Ваш email (обязательно)<br />
[text* your-email] </p>
 
<p>Ваш телефон (обязательно)<br />
[text* your-tel] </p>
 
<p>Тема <br />
[text your-subject] </p>
 
<p>Cообщение<br />
[textarea  your-message] </p>
 
<p>
[submit "Свяжитесь со мной"] </p>
</div>

CSS

div.con {
position:relative; width: 1600px;
    height: 560px;
    border: 3px solid #73AD21;}
div.top {
 
position:absolute;top: 80px;
    right: 0;
    width: 200px;
    height: 100px;
    border: 3px solid #73AD21;
}