He podido establecerlo pero con una tabla de por medio y siento que no es la mejor manera ya que luego editaré los estilos con javascript para que se oculte un iframe y el otro ocupe todo el espacio. este es el código:
<div class="main-container">
<table style="width: 100% !important;height: 100%;">
<tr>
<td>
<iframe id="container-form" src="https://picsum.photos/800" style="width: 100% !important;height: 100%;"></iframe>
</td>
<td>
<iframe id="container-imagen" src="https://picsum.photos/800" style="width: 100% !important;height: 100%;"></iframe>
</td>
</tr>
</table>
</div>
De preferencia cambiar las etiquetas o agregar algún estilo.