Self hosted videos using wordpress video block are out of proportion

Hi – I am manually uploading videos to My wordpress site, I upload them and use the video blocks function on the post page to embed them in the posts. After I open the post the videos are not in the container, width and height is 1900x800px , its running from left to right covering the whole sidebar and at the bottom covering the related posts area. I want the videos to have a default height (for all videos), When I inspect element to check for the elements so I can use custom css to fix it, it shows the following

<video controls="" src="https://site/wp-content/uploads/2020/07/videoname.mp4"></video>
I tried using the following custom css (one by one)

.video {
    width: 100px;
    height: 250px;
}

.video src {
    width: 100px;
    height: 250px;
}

.video control src {
        width: 100px;
        height: 250px;
    }

but non of these change anything and the video player still is the same. There are not css classes , the wordpress posts page > html shows this

<figure class="wp-block-video"><video controls src="https://site.com/wp-content/uploads/2020/07/videoname.mp4"></video></figure>

• This topic was modified 4 years, 4 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic