Responsive viewer?

Hi we are just working on a web page for our VR work and we want to embed a tour viewer in the page, but as the rest of the elements on the page are responsive we wanted the scene visualization iframe (term may not be correct) to be also.

I see in another thread that there is the ability to potentially set an iframe size, but is it possible to set this responsively? i.e. if the user resizes their browser window it will adjust accordingly? or if on a mobile in portrait mode it will shrink to screen width?

We are ‘playing’ with a wordpress theme for this site and i have no programming skills so any help / advice would be welcomed.

I think viewport-relative CSS units might be helpful. Please see here: Embed windows is not responsive (it can’t adjust to the screen of mobile devices) solved! - #2 by wojtek