The title attribute when hovered shows the text, not interpreted HTML.

One way you can show an image when the cell is hovered is to have the image sitting in the cell all the time but starting off with display: none.

With CSS you can set a different style when it is hovered, its child img element can be shown then and in this snippet it is shown with absolute positioning so it does not move adjacent elements.

This is just a start to give some ideas of how to get going on this. Obviously you will want to play with size and positioning of the tooltip to suit your use case. For example, is this text definitely within a table cell or just a div somewhere?

td img {
  display: none;
}

td:hover img {
  display: inline-block;
  position: absolute;
  z-index: 1;
}

<table>
  <tr>
    <td colspan="3">Castrol EDGE 5W-30 LL<img src="https://i.stack.imgur.com/63PQA.jpg"></td>
  </tr>
</table>