Position lines next to image based on element LEFT + TOP coordinates

I have a page that consists of X images. From each image a line "moves down" and "connects" with another image. In theory a bit of "connect the dots" concept. <-- see the attached image to get an idea. I already have this part coded. THE ISSUE: When the page loads, lines are positioned OK - but when the browser is re-sized then the position of the lines needs to recalculate and re-position. I already have a re-size function running the "line-position calculation" function upon re-size, but it doesnt seem to work correct - lines re-position very weird. YOUR TASK: Look at the JS/Jquery code and figure out a fix. I will showcase the page for those I find interested and can send JS+HTML for easier debugging. YOUR SKILLS: Hardcore JS/Jquery Expert. Need someone to work on this today.