Course displaying weirdly after update

I am working on a website for a client and they’ve come to me with the issue of their course not displaying for their customers. I visited the page and saw that it wasn’t displaying at all, however I found in some custom CSS input that there was ‘display: none;’ on the container element. Having removed that the rest of the page is now displaying however there is some fairly odd things about it such as:

<div class="content-item-description lesson-description">
<div style="padding:56.25% 0 0 0;position:relative;">

This is creating a large white space above the vimeo player, and as it’s inline code I cannot overwrite it and I believe it’s injected after the page is loaded potentially with JS, making it difficult to overwrite it myself.

There is also weird spacing above the vertical navigation on the left-hand side and the dot’s are displaying on the <li> tags — these are minor fixes, yes, but I am concerned it may be a bigger issue.

The page may be inaccessible due to requiring login and purchase – however here’s a screenshot. https://imgur.com/a/JUPRL9q

Thanks,
Ben Elwood

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