Youtube video Embeding is cropped from sides on Mobile devices

Hello Jekyll Family,

I am new to this framework and I am trying to embed a youtube video with the following code. Youtube video thumbnail gets cropped on mobile devices. However, on a laptop, it works just as fine. Kindly tell me how to resolve this issue. Please see the screenshot attached below.!

WhatsApp Image 2021-04-09 at 1.50.37 AM|240x500

Actually, I do not think it is the browser. At least not on my tests. Instead, I think it is the hover code you have that expands the size when you hover over the content.

Before hovering (looks good!):

After hovering (cropped):