Mission Vision - Copy this React, Tailwind Component to your project

Create a professional and responsive web component for the 'Mission and Vision' section of an academy's website. The design should include: A clean and modern layout that works on both desktop and mobile screens. Two sections: one for 'Mission' and one for 'Vision', placed side by side on larger screens and stacked vertically on smaller screens. A relevant, attractive icon for each section (e.g., a target for 'Mission' and a lightbulb for 'Vision') to visually represent the concepts. Include a high quality background image or soft gradient to make the text stand out and give a polished look. Each section should have a bold heading, followed by a short paragraph describing the mission and vision. Ensure good contrast and readability for text, using white space effectively. Include animations or hover effects on icons for interactivity. Use professional typography and a color palette that matches an educational or corporate theme. Ensure the layout adjusts beautifully when resizing the window, maintaining the overall aesthetics. Include a call to action button below the sections to invite users to learn more."