Large excess spacing appearing around embedded videos

Hi,

Is there a way to remove the excess padding that appears around square space videos when they are imported?

I've read lots of posts and tried to embed different code snippets.

I'm inserting the code into Website tools / custom CSS. Is this the right place?

I'd like to feature a mobile screen recorded video next to 16:9 video. It's impossible to place them both nicely on the screen with the excess padding.

This code works well for fixing the mobile video padding but not the desktop. I need to fix the padding on both video ratios.

https://insidethesquare.co/squarespace-tutorials/video-block-size

Bump

Can you share link to page where you have problem?

@tuanphan Thank you for the help 😀🙏

https://www.pcdlondon.com/staysure

PW: Temp-pass-Sep

It's the second section titled: Homepage redesign that contains the videos.

Thanks again.

You can use this to Website Tools > Custom CSS

.fe-66c38d86e069162ba9713621 {
    grid-template-rows: repeat(16,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}