JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="iframe">
    <img src="http://placehold.it/160x90">
    <!-- Sorry about the video -->
    <iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" width="320" height="180"></iframe>
  </div>
  <div class="form">
    <div class="fake-form-content">
      Fake form content
    </div>
  </div>
</div>

SCSS

.container {
  display: inline-flex;
  height: 200px;
}

.iframe {
  position: relative;
  height:100%;
  background: rgba(red, 0.5);
}
  .iframe img {
    height:100%;
    visibility: hidden;
  }
  .iframe iframe {
    position: absolute;
    left: 0; 
    top: 0;
    height: 100%;
    width: 100%;
  }

.form {
  background: rgba(orange, 0.5);
}

.fake-form-content {
  width: 200px;
}