膨胀图像超出了移动设备上的文本框，但在计算机上看起来不错

Question

我有一个HTML页面，其中我使用文本框作为标记。我已将Image作为背景添加到文本框中，但是当我在Mobile中看到该页面时，图像超出了文本框。

HTML

<div class="">
  <label for="comment"></label>
  <textarea placeholder="यहाँ पर राम नाम लिखें...." style="color:red;text-decoration: none !important;" class="form-control watermarked ramtypetextarea" name="ramnaam_type" id="ramnaam_type"  editable="false" oncopy="return false" ondrag="return false" ondrop="blur();return false;" onpaste="return false" oncut="return false" onKeyUp="word_count(this.value, text, text1, text2)" onKeyPress="return NumberKey(event);" autocomplete="off" required ></textarea>
</div>

CSS

<style>
textarea {
  background-image:url("http://www.nodramasproductions.com/Immagini/rama.jpg");
  width:500px;
  height:500px;
}
</style>