[Lefseq]

Здравствуйте. Помогите, пожалуйста. Имеется таблица и изображение. Нужно чтобы изображение размещалось поверх таблицы и точно по центру этой таблицы.

Пример простейшей таблицы:

<table border="1">
     <tr>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     </tr>
     <tr>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     </tr>
     <tr>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     </tr>
     <tr>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     </tr>
     <tr>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     </tr>
     </table>

Пример изображения:

<img src="https://fsd.multiurok.ru/html/2019/02/04/s_5c57eebe8d949/1075492_11.png">

Должно получится вот так - https://prnt.sc/qttk0e

Подскажите, как это сделать по средствам html и css?