Website in Elementor pro

HI,
I am looking to get a responsive site developed in wordpress. I am much comfortable with elementor and thus would prefer to use this a builder so that in long term, small changes can be handled by us. Elementor pro will be provided by us.
The site will probably be 2 pages site with just the home page and about us page or (probably a popup). I need a vertical carousel on the home page and as the carousel moves it shows information on the right side of the products we intend to display.

The Carousel
Will show images for 5 products at 1 time.
We should be able to add 6th, 7th or more products and they get into loop.
Image size shrink ratio: lower left (light blue) 50%, Dark Blue 65%, Green 95%, Orange 100%, Red 65%.
As the product images move from up to down or down to up the shrink ratio of the images should be adjusted. We the user should be able to control the direction of movement and speed.
When hoover on any of the circles, the Carousel stops, the circle size increases by some percentage (depending on the space available and the circle) and apart the Orange circle all others images are faded and when hoover the actual / original image is shown with it respective text on the right side, e.g. if product A is on the orange and right side text is respective to product A, when a user puts the mouse cursor on product B which is on light blue circle, the right side text of light blue circle shows on the right side text panel.
Users also see navigation arrows for the Carousel when having more than 5 items / products.
PLEASE SEE ATTACHED SITE LAYOUT

Providing documentation for all functionalities and editing in the site will be the responsibility of the freelancer.