Need table to load block element of image

I need table with html format like:

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
</table>

but the table doesn't render correctly.
I need this because I need to load the image with figcaption inside table like this:

<figure>
  <img
    src="https://picsum.photos/536/354"
    alt="Example"
    width="150"
  />
  <figcaption>Contoh Gambar</figcaption>
</figure>

I using simple markdown table is not working because I using block element to load image.
please I need help.

Reproduce the issue in the React editor using the provided HTML table and figure/figcaption examples, then compare it with the simple Markdown table case. Trace how tables and block elements are parsed and rendered; the work is done when a table can contain the requested image figure and render it correctly.