Categories - Copy this React, Tailwind Component to your project

Design a category page that showcases various product categories in a grid layout. Each category should have an image, category title, and a short description. Ensure that the page is responsive with at least 2 columns on mobile and up to 4 or more columns on larger screens. Include space between the category items and use subtle shadows or borders to distinguish each item. Add hover effects on the categories to enhance interactivity.