Currently on our site we utilize Bootstrap for our skin, which helps provide responsive layout. I've noticed that if you use the (embed or image) it inserts the item. Which is then wrapped in a __div__ element that seems to break the responsive design.
Also when you insert videos into the module, it will add an __iFrame__ which is also wrapped within this __div__ element. Unfortunately even when you set Responsive, it doesn't modify the height in some cases or actually try to be responsive. It resides at a fixed height and width, unless you try to manually adjust the item in percentages and manually remove these __div__ elements.
I'm not sure if it is due to Bootstrap, but I was hoping to resolve this issue.
Also when you insert videos into the module, it will add an __iFrame__ which is also wrapped within this __div__ element. Unfortunately even when you set Responsive, it doesn't modify the height in some cases or actually try to be responsive. It resides at a fixed height and width, unless you try to manually adjust the item in percentages and manually remove these __div__ elements.
I'm not sure if it is due to Bootstrap, but I was hoping to resolve this issue.