JSFiddle - React, Tailwind, and code Playground

HTML

<label>
  <textarea>Aaa<span>11</span>
      sssjhgjhgjgjhgwae
          sddd</textarea>
</label>

CSS

label {
  position: relative; display: inline-block;
  overflow: hidden;
  background: white; border:1px solid #999; border-radius: 5px;
}
label:after {
  content: ""; position: absolute;
  right: 10px; bottom: 10px;
  width: 40px; height: 40px;
  background: yellow; }
textarea {
  position: relative; z-index: 4;
  width: 220px; height: 120px;
  background: none; border: none;
  background: url(http://chernovik.net/sites/default/files/blog_image/kotik-v-shoke-1024x768.jpg) repeat right 40px top 40px;
  background-size: 100px;
}
textarea:first-line { color: red;}