Please help, I am using contact form 7 in the sidebar of my website, i have also added an image relative to the form.This is the HTML code used -
<div style="position: relative; width:auto;height:250px">
<div style="float:left;"><img style="margin-right:5px;margin-left:-5%;margin-top:20%;" alt="" src="http://***.com/wp-content/uploads/2013/08/untd1.png" width="73%" height="200%" /></div>
<div>
<h6 style="position: absolute; margin-right:10%;margin-left:44%; width:56%; height:100%; float: right;">[contact-form-7 id="206" title="sidebar Contact form"]</h6>
</div>
</div>
The form looks perfect in window, but in mobile view the form scales a bit higher rate,it increses upto twice the image and the place holders are not visible.Is there a way i can fix this or please suggest any other way i can place the image in such a manner,Someone please help.
Thank you.