Embed of 360 Image not resizing for mobile

Site URL: https://www.labode.co.uk/virtual-design

Hello,

I have tried embedding several sizes of a 360 on an example page to show a client how it would look on her website but it's awful on my Squarespace site as I can't get it to resize for mobile .. could anybody help please??

Here's the embed code I used:- 
<iframe width='640' height='360' src='https://roundme.com/embed/878316/2753589' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

I also tried injecting some code to the page settings as suggested on the 'Roundme' (360 creator) website but it hasn't made any difference:- <script src="https://static.roundme.com/patch/mobile-gyro-patch.js"></script>

Can anybody help at all?
Thank you 

Hi, if anybody sees this I did manage to fix it by upgrading to fluid engine so that I could put in the size of the video I wanted by resizing the shape in the editor for a web page, then in the code I changed the width to 100% . Fluid engine is a bit fiddly as it just inserts any new embeds to the bottom of the page and you have to move everything around to fit as it should however it did the trick!

Do you still need help?