JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">
This is the nose
</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" >
  <line x1="9%" y1="9.5%" x2="23%" y2="6%" marker-end="url(#triangle)" stroke="black" stroke-width="0.2%"/>
  
</svg>
<img src="http://www.hickerphoto.com/images/200/little-polar-bear_29287.jpg" />

CSS

body{
  font-size:12pt;
}

#a{
position: absolute;
margin-top: 8%;
font-size: 1.5vh;

}
svg{
  position: absolute;
  z-index:2;
  
}
img{
  margin-left: 20%;
  position:relative;
  z-index:1;
  width: 11%;
  height: auto;
}