Images - Copy this React, Tailwind Component to your project

I want you to design for me, I have 6 images and I want to display only 5 images on the screen. Next, I want the middle image to be the largest, the 2 images on either side of the middle image to be smaller, and the 2 images on the outermost image to be the smallest. Next, I want the hover in these images to have information about that image such as the image name and description, in the hover I want to add that when you move the mouse over that image, it will zoom in a bit. I also want to add that these images will slide from right to left with 5 seconds to switch to another image and make it a loop like a circle following each other like when image 6 is finished, after image 6 will be image 1 and add 2 left and right buttons to press so the image will slide according to that button