embed through editor adds huge padding-bottom buffer on each embed

Embeds added through the hallo editor seem to wrap iframes inside of the following div with an inline style:

<div style="padding-bottom: 56.25%;" class="responsive-object">
 iframe
</div>

I had to override this in my project css with the following code:

.responsive-object {
  padding-bottom: 0px !important;
}

[davecranwell]

It’s moved around a little but yes, it’s already there: http://docs.wagtail.io/en/latest/topics/writing_templates.html?highlight=responsive#responsive-embeds

[hanzvanaardt]

I ran into this issue today and it sucked in about four hours of trying to figure out what is going on. I was referred to this thread. Creating an HTML element with an embedded style cannot be the correct solution can it? This HTML gets created when embedding a Youtube video using the Rich Text editor <div style="padding-bottom: 56.25%;" class="responsive-object"> - the only way I can get rid of this style is to override it in my CSS using !important which is terrible and basically freezes any future changes to this style.