Iframe Video in Blog compressed height

Hi, I am using Premium Addons to display filtered blog posts. Since I updated Elementor Version 3.18.2 the embedded videos in my blog appear compressed. Works OK with elementor.3.17.3, but I prefer to keep the plugins up to date. I have tried adding the following custom css, but no luck

.responsive-video-wrap {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.responsive-video-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Css from Elementor3.17.3 is

.responsive-video-wrap {
position: relative
}

.responsive-video-wrap:before {
content: "";
display: block;
padding-top: 56.25%
}

.responsive-video-wrap iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
display: block
}

.wp-block-embed .responsive-video-wrap {
position: static;
height: max-content;
}

Css from elementor 3.18.2

.responsive-video-wrap {
position: relative
}

.responsive-video-wrap:before {
content: "";
display: block;
padding-top: 56.25%
}

.responsive-video-wrap iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
display: block
}

.wp-block-embed .responsive-video-wrap {
position: static
}

I have tried adding

.wp-block-embed .responsive-video-wrap {
height: max-content !important;
}

to the customise, but this has not resolved the issue either. Any ideas?thanks

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