Картинка по центру слайдера (формула)
 

Есть слайдеры и картинки разной длины. Сейчас картинкам выставляется margin-left по формуле:

// sliderValue от 0 до 100
`calc(${sliderValue}% + (${width / 2 - sliderValue * (width / 100) }px))`

картинка двигается правильно, вот только чем ближе к краям тем больше смещается от центра курсора (слайдера).
Как сделать, чтоб картинка была всегда по центру слайдера?

Видео как это работает сейчас vimple.co/4702d9b9a5c2401f9edeff3816477691

решил проблему уменьшением размера слайдера на размер картинки