responsive design - Keep absolute divs always on image parent container -

responsive design - Keep absolute divs always on image parent container -

im working on interactive show room. in showroom visitors can click on products lichtbox more info product.

see: http://codepen.io/xiniyo/pen/wloxe

is possible maintain dots on same position image below when rescale browser. normal width = 1140px minimum width = 960px. imag scales dots remain on absolute position.

i`ve tried % calculations didn't work either. image scales faster dots do.

with hard % calculations? or javascript. or possible calculate absolute position canter of div?

position: fixed;

this should work

responsive-design position absolute interactive