Pulse - Copy this React, Mui Component to your project
Generate a React component called Background.js that renders a healthcare themed background for a medical chatbot application. The background should have the following characteristics: The background should be responsive and fill the entire viewport width and height. The background should have a subtle gradient or texture that suggests a medical or healthcare theme (e.g., shades of blue, green, or white). Within 100px from the left and right sides of the viewport, there should be animated elements that relate to healthcare, such as: Pulsing heartbeat icons Rotating stethoscopes Floating medical pills or capsules Glowing medical symbols (e.g., caduceus or Rod of Asclepius) The animations should be smooth, subtle, and not distracting from the main content of the page. The background should have a high z index value to ensure it appears behind the main content of the page. The component should be reusable and accept props to customize the colors, animations, and elements. The generated code should include the necessary React imports, state management, and styling using CSS in JS (e.g., styled components or Emotion). The animations should be implemented using CSS keyframes or a library like Framer Motion.
