Dynamic Slider with Content and Background Image


I am new to webflow and am trying to create a portfolio website for myself. I started designing in figma and created a prototype before designing in webflow. My initial idea was to have a background image with the slider on top so it appears that the image (a mac) has a changing screen.

I am having trouble positioning the slider exactly where it needs to go while being responsive.

Here is my figma design prototype and how I want it to look:

I’ve been trying to figure this out for a while now, please help

*also ignore the bottom horizontal scrolling

Here is my site Read-Only: CLICK HERE*
([how to share your site Read-Only link][2])