JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="header">
    Header above the iframe
  </div>

  <iframe id="if1" src="https://jsfiddle.net/30a1sxk9/2/show/light/" style="width: 500px; height: 1005px; overflow: hidden;">

  </iframe>

  <div class="footer">
    Footer around the iframe with stuff
  </div>
</div>

CSS

.header {
  height: 100px;
  background: blue;
}

.footer {
  height: 200px;
  background: blue;
}