Для каждой точки создаем прямоугольник. Таких размеров, чтобы один угол находился в центре точки, а сам прямоугольник в центре блока с картинкой. Размеры в процентах. Таким образом при изменении размеров картинки относительные координаты точек будут соблюдены и они будут располагаться в нужных местах.
Далее внутри каждого прямоугольника создаем непосредственно точку.
Блоки с текстом располагаем в обычных дивах по бокам картинки.
Остается только вычислить положение точки и положение соответствующего ей прямоугольника с текстом и провести одну или две линии.
Задача не сказать, чтобы сложная.
Простой
