Learning Topic Cards - Copy this Html, Tailwind Component to your project

Design a mobile friendly user interface with cards representing learning topics. Each card should be visually engaging and contain an image, title, description, and progress indicator (percentage or status). The layout should display two cards side by side horizontally in portrait mode on mobile devices. The cards should be interactive and responsive to different screen sizes, with clear separation between cards. The design should feature a modern, colorful style with rounded edges, consistent with mobile learning apps. Ensure smooth transitions when the user clicks on a card to display more detailed content or navigate to another page.