WordPress Columns

Hello,

I am using H5P in wordpress and am using Gutentor blocks. I have the Gutentor Accordion and then Gutentor Advanced columns within the accordion. I'm using columns because a) I want two H5p things to be side-by-side, and b) the accordion won't let me put custom html in it directly.

From the columns within the accordion, I can't add the shortcode for H5P - but I can use the custom html block for the embed code. I've done that so the back-end looks like this (within the accordion): [see back photo]

The problem is, on the front end, both H5P items will not appear correctly. I've tried rearranging the columns, putting one on top of the other in columns, changing the frameboarder from 0 all the way up to 458, and a variety of other things. But no matter what I do, it doesn't show up correctly. Below is the best I've gotten it to look: [see frontend photo]

Under tips, when I click "reuse", "embed" or the green button, then the card automatically reverts to the correct sizing. But it will NOT auto-load for the correct sizing. 

Any ideas on how to fix this?