Create an image slider for “GalleryLoop,” a fictional art gallery site. The slider should contain a set of images that automatically transition every few seconds, with navigation arrows on each side for manual control. Use a black background (#000000) and white arrows for a sleek look. Focus on smooth transitions and clear, responsive navigation. Requirements: Image Display: Show one image at a time with fade transition. Navigation Arrows: Left and right arrows for manual control. Pagination Dots: Indicate current image with dots below slider. Use setInterval for automatic transitions. Responsive Design: Ensure images adjust for different screen sizes. Typography: Caption text in Arial, size 14px.