Dynamic Animated Image Carousel with Hover Effects

Generate a row of images that move slowly and continuously from left to right in a smooth animation. When the user hovers over any image, the movement should pause, and a cool green tint should gradually overlay part of the image (not the whole image). Then, with a slight delay, animate the text describing the image to appear, followed by an 'add' symbol in the top right corner of the image. The text and 'add' symbol should appear one after another with distinct, smooth transitions. Once the user stops hovering, the green tint, text, and icon should fade away, and the image's slow movement should resume. Upon clicking the 'add' symbol, the image should zoom into the center of the screen, enlarging with a smooth transition, while the background fades into a darker, semi transparent black, focusing attention on the image. The overall effect should feel dynamic and responsive.