Slider and buttons within a site

Design help General
1

Hi, Can anyone help me with what the best way is to recreate this slider as seen on the site below.

One one side I’l have a button and below it text. On the other side I’ll have numbers and an image below it.
I’ve attached a screenshot of the part of the site I’m referencing.

https://elizabethmccravy.com/design![49%20PM|690x292](upload://ODrop2ybQwlz8msCpY1HnPxxw0.jpeg)

https://preview.webflow.com/preview/blog-1-324f36?utm_source=blog-1-324f36&preview=eb5ad576e3e11f04021f19204b042860

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

The “Services” page on my site is where I’m looking to do this

3

I’d suggest using the tabs component and then using another tabs component within each tab for the before/after. You’ll have to apply the same styles to the images so they line up and use the same source image of the iMac but with different content in the window so they all line up.

4

Is there a way to get the iMac and images on the right and keep the before and after tabs on the left? Also how can I get the iMac to be static and only make the images on it change?

I want to use the numbers on the right to change whats on the iMac as well. Similar to how it is here. https://elizabethmccravy.com/design