Feature- Rich Slider - Copy this Html, Tailwind Component to your project

Create an automatic image slider with a parallax effect. The slider should have the following features: Image Display: The slider should display a series of images that automatically transition every few seconds. Use a set of three sample images. Parallax Effect: Implement a parallax scrolling effect where the images move at different speeds as the user scrolls down the page, creating a depth effect. Responsive Design: The slider should be fully responsive, adjusting its size and layout based on the screen size. Navigation Buttons: Include previous and next buttons to allow users to manually navigate through the images. Dots Indicator: Add dots below the slider to indicate the current slide and allow users to click on them to navigate directly to a specific image. Fade Transition: Use a smooth fade transition effect between images.