Hi there,
From what I can see on your post, and on a test site, the Youtube video doesn’t actually cover any text, but it’s completely flush against the text, making it seem as if it’s covering text (I’m guessing with different screen sizes that might result in text getting covered between one breakpoint and the next, though).
And it looks like this isn’t specific to the theme – I can replicate the same thing in the default Twenty Twenty-Two theme, for example, so looks like it’s related to the blocks themselves. Specifically, if I inspect the code for the Youtube video in the browser console, I see an inline class, .wp-container-9 being added which resets the margins on the Youtube block, causing the text to go right up to the embed. If I toggle that CSS declaration off in the browser console, it restores a margin between the text and the video.
It looks like that class is being generated dynamically by WordPress, but I’ve not been able to find information on exactly where or why it’s being added. What’s worse, that CSS declaration uses !important, which means there’s no way to override it (at least not that I can find – trying to add a padding or margin to the paragraphs themselves also don’t appear to work).
I’ll file a bug report for the theme, just in case this is something our developers can fix from this end. But I suspect the fix would ultimately need to come from Gutenberg – I found this issue discussing adding a margin setting to embed blocks, that would solve this particular issue if such a feature were to be added.
