Reduce White Space Around Embedded Content

I’m trying to figure out how to get TwentyNineteen to display less white space around embedded YouTube videos. The space is created in the .wp-block-embed__wrapper::before style, and in padding-top. For example, with the default style, padding is 918px (4-3 aspect), creating a huge white space below the YouTube video.

I have used custom CSS to try to reduce the space:
.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before
{padding-top: 45% !important;}
.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before
{padding-top: 50% !important;}

This is what I’ve got in place for the URL above. But you can see that, if you resize your screen, there’s still either a lot of white space or the ::before horizontal line preceding a header runs up under the embedded video.

I’m looking for something that might be as universal as the original CSS. Any ideas? Thanks.

The page I need help with: [log in to see the link]