Drawing curved SVG arrow lines from div to div : <p>I want to draw two curved arrow lines using SVG to connect two elements to indicate they go back and forth, like this:</p>

<p><a href="https://i.stack.imgur.com/sH53l.png" rel="noreferrer"><img src="https://i.stack.imgur.com/sH53l.png" alt="enter image description here"></a></p>

<p>I've read a bit about SVG but I'm not totally sure how to create a line that's vertical. </p>

<p>Second, if SVG takes coordinates, do I have to find the coordinate position of the elements before creating the SVG drawing? Does it have to be re-drawn if the window size is adjusted?</p>
