READ BEFORE YOU BID - Widget for Elementor PRO - Interactive Animation Range Slider [Wordpress]

Hello I need a widget for Elementor PRO that has to have the function of a interactive animated range slider that once the slider range is move the background circle increases it's size. This is the animation that needs to be achieved - [login to view URL] This is the PDF based on which you will need to follow - [login to view URL] The widget must be compatible with Elementor Pro 2.6.5 and with Hello Elementor Theme (it's a blank canvas provided by Elementor nothing fancy). The widget must have a proper output display in mobile as well. The animation it's simple, based on the movement of the range slider, the background circle will increase it's size as seen in the video. The widget has to have the following workflow. Elementor Widget Functionality 1. Widget is available in the Elementor Widget Panel. 2. The widget gets dragged into a Elementor Page Section. 3. The widget must have the capability to edit left text 4. The widget must have the capability to edit the right text. 5. The widget must have the capaibility to change the image (the whole phone image not just its view port). Elementor Widget Appearance 1. The widget must output a functional slider animation. 2. The widget must output a functional slider animation, where the slider range is dragged from left to right changes he size of the background circle (as seen in the video provided). 2. The widget output must have a maximum width of 370px, along with the diameter of the circle, when the slider is at 100%. (as seen in the provided PDF). 3. The widget has be visible correctly on both desktop, tablet or mobile, based on the column it's put. Let me know.