html - iFrame/Object is not expanding to 100% height -

html - iFrame/Object is not expanding to 100% height -

so, on website, decided set phase beam thingy picture. couldn't utilize <img> tag because isn't actual image. iframed it. set width , height 100%, height not going 100%.

my website

as can see, phase beam starts first <div class="page-header page-banner"></div>, , goes halfway, , doesn't reach sec <div class="page-header page-banner">.

example of proper image placement

how create iframe expand way sec <div class="page-header page-banner"></div>?

fix iframe parent div 390px :

<div style="height:390px" class="col-md-8">

and you'll perfect alignment <div class="page-header page-banner"> div.

note :

there typo in iframe tag specified height height:100%px.

html iframe twitter-bootstrap-3