Fix: Set Transparent Background for Kanvas Logo (#588)

[Ayushmore1214]

This PR resolves Issue #588 by ensuring the Kanvas logo has a transparent background, rather than displaying with an unintended black background.

🔧 What’s Changed
Added a CSS rule to _styles_project.scss to apply background-color: transparent to image elements like .img-thumbnail and .td-content img.

This ensures all SVGs and other images render with proper transparent backgrounds across the site.

Notes for Reviewers

This PR fixes #588

Before :
https://i.postimg.cc/h43YHBWW/449377089-28df93af-a82b-41c8-875f-99f1488d1fcf.png

After :
https://i.postimg.cc/mkcmbPfx/Screenshot-213.png

Signed commits

• Yes, I signed my commits.

[netlify]

✅ Deploy Preview for bejewelled-pegasus-b0ce81 ready!

Name	Link
🔨 Latest commit	2f47381
🔍 Latest deploy log	https://app.netlify.com/projects/bejewelled-pegasus-b0ce81/deploys/6849a58f70c1e30008b55b4e
😎 Deploy Preview	https://deploy-preview-602--bejewelled-pegasus-b0ce81.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 project configuration.

[Ayushmore1214]

@leecalcote please take review on this issues and let me know if there any problems

[M-DEV-1]

@Ayushmore1214 before we proceed, have you identified why it only affected the Kanvas SVG, and not the Layer5 SVG?

[Ayushmore1214]

Thank you for the question, @M-DEV-1!

Yes, I investigated why the issue only appeared with the Kanvas SVG and not the Layer5 SVG.

Root Cause:
The Kanvas SVG didn't explicitly declare a transparent background, and due to the site-wide CSS or default rendering behavior (especially in dark mode), it inherited a black background when no background-color was specified.
Meanwhile, the Layer5 SVG was either already embedded in a container with explicit transparency or was saved/exported in a way that avoided the fallback background.

🛠 Fix Explanation:
Instead of editing the SVG file directly (which might not be scalable if others face similar issues), I added a global CSS rule in _styles_project.scss targeting:

.img-thumbnail, .td-content img {
background-color: transparent;
}
This ensures consistent transparent rendering across all such images, including the Kanvas logo — without impacting Layer5 SVG or any other visuals negatively.

[Ayushmore1214]

If there is anything to improve let me know ! @M-DEV-1