Hero Page - Copy this React, Tailwind Component to your project

Animated Scaling: The image should have a smooth scaling animation that continuously zooms in and out, creating a pulsating effect. This animation should be implemented using CSS keyframes and Tailwind CSS utility classes. Visual Elements: Symbols: Include visual symbols such as <> and dots around the image. These should be positioned dynamically and styled to complement the image. Corners: The corners of the image should have a stretching or animated effect to enhance the visual appeal. Border Effect: The border of the image should feature a running, shining line effect. This border should animate around the edge of the image, giving a glowing or pulsating appearance. Implementation: Use Tailwind CSS for styling and animations. Extend the Tailwind configuration to include custom animations for scaling and border effects. Ensure the component is responsive and adapts to different screen sizes.