title: How to achieve this mark style (text labels overlaying an image, with lines pointing to different details) in css/html?
body: <p>I'm currently developing a website and trying to achieve the following style with HTML and CSS, to mark a location in an image (as the yellow mark in the screenshot):</p>
  <p>Text labels overlaying an image, with lines pointing to different details.</p>
  <p><a href="https://i.stack.imgur.com/hZtxO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hZtxO.png" alt="enter image description here" /></a></p>