Changed Cards of all types of Literary Realms accordingly

[kashvi9]

Related Issue

None

Fixes: #2770

Description

1. The text was not properly visible in cards, I've fixed that by adjusting width and height for all literary realms' categories
2. The text in cards was same for all the types, have changed them according to the realm type.

Issue- #2770

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

Here's a before screenshot of how it looked for Mindful Living Realm:

It looked the same for all realms.
Here's how it looks now for different realms:

1. Romantic Escapes
   
2. Thrilling Adventures
   
3. Mindful Living
   
4. Mystical Fantasies
   
5. Historical Chronicles
   
6. Science Fiction Wonders
   
7. Laugh Out Loud Comedies
   
8. Intriguing Mysteries
   
9. Biographies
   

Checklist:

• I have made this change from my own.
• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
• My changes generate no new warnings.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers and screenshots after making the changes.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
swapreads	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 8, 2024 5:40pm

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for vermillion-sunshine-40461e ready!

Name	Link
🔨 Latest commit	cebbdb2
🔍 Latest deploy log	https://app.netlify.com/sites/vermillion-sunshine-40461e/deploys/66b502ec325e640008247a1d
😎 Deploy Preview	https://deploy-preview-2789--vermillion-sunshine-40461e.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[RitiChandak]

please resolve conflicts