JSFiddle - React, Tailwind, and code Playground

HTML

<form >
  <textarea></textarea>
  <button type="submit" aria-label="submit message">
    <img src="images/triangle.png" alt="">                  
  </button>
</form>

CSS

form{
  box-sizing: border-box; 
  width: 100%; 
  height: 12%;
}
textarea{
  border-radius: 0.5625rem;
  border-style: solid;
  border-width: 0.0625rem;
  border-color:  gray;
  background-color:  #dddddd;
  width: 83%;
  height: 90.2864%; 
  resize: none;
}
button{
  border: none; 
  margin: 0 auto;
  width: 7.1%; 
  height: 59.1532%;
  background-color: transparent;
  background-image: url('images/circle.png');
  background-position: center;  
  background-size: 100% 100%; 
}
img{
  width: 45.0704%;
  height: 22.831%;
  display: block;
  margin: auto;
}