Trying to build a vertical scroll slider

Hey everyone!
So I want to build a vertical slider based on scroll like the design mockup I have attached. Where, the text is static but as we scroll the relevant line is highlighted and the image next to it is changed. I can do that part using interactions, what I can’t figure out or find any information on is, how do I create a navigation system where the text and the dots next to it, both are clickable, which triggers the image change and text style change.

use slick slider and add these two thing in slider
direction: ‘vertical’,
mousewheelControl: true,