Background image inside contact form 7 textarea
<p>I am trying to add a background image inside a textarea on a contact form. The problem is that as soon as browser is resized, the image is cut off meaning it doesn't fit the textarea box perfectly. I would like the textarea to display the whole image and resize it with resizing the browser. Not sure if there is a solution to this at all. </p>

<p>here is my code</p>

<pre><code>#contactfooter {
    background-color: rgba(76, 73, 73, 0.44);
    color: rgb(183, 181, 181);
    border: 1px solid #676363;
    padding: 5px;
    width: 100%;
}

textarea#contactfooter {
background-color: rgba(76, 73, 73, 0.44);
background: url(https://psycheseminars.com/wp-content/uploads/2016/08/textback.jpg);
}
</code></pre>

<p>Here is the page <a href="https://psycheseminars.com/downloads/spirit-salt-lake-city/" rel="nofollow">https://psycheseminars.com/downloads/spirit-salt-lake-city/</a>
The contact form is in the footer. </p>