✨ Add YouTube Video Embedding to Cards Component

[ssw-yakshaver]

Requested by: @bettybondoc via YakShaver.ai 🦬
cc: @isaaclombardssw, @Calinator444, @wicksipedia, @adamcogan, @brookjeynes-ssw, @louisroa8189

Hi Team!

Watch the video

Pain

We want to enhance the cards component on the SSW Website to support embedding YouTube videos. Currently, the cards only display images. The new feature should allow embedding YouTube videos, automatically grabbing the thumbnail and adding the YouTube logo in the middle. Additionally, the aspect ratio of the cards should be locked to 16:9 to ensure consistency across different screen sizes.

Acceptance Criteria

1. Cards component should support embedding YouTube videos.
2. Automatically grab the YouTube video thumbnail and add the YouTube logo in the middle.
3. Lock the aspect ratio of the cards to 16:9.
4. Ensure the cards display correctly on both desktop and mobile versions without cutting off any text or images.

Screenshot

Figure: Cards

[jeoffreyfischer]

✅ Done