Rendered table content with images appears significantly different from GitHub style

[dowithless]

Hi 👋

I'm encountering a visual inconsistency when using github-markdown-css to render content that includes a

with image elements. The layout and appearance differ quite a bit from how it looks on GitHub, especially in terms of image size and alignment.

Here’s the kind of content I’m working with (originally from the open-webui README and converted via the GitHub API):

<table>
  <tr>
    <td>
      <a href="https://n8n.io/" target="_blank">
        <img src="https://docs.openwebui.com/sponsors/logos/n8n.png" alt="n8n" style="width: 8rem; height: 8rem; border-radius: .75rem;" />
      </a>
    </td>
    <td>
      <a href="https://n8n.io/">n8n</a> • Does your interface have a backend yet?<br>Try <a href="https://n8n.io/">n8n</a>
    </td>
  </tr>
  <!-- More rows omitted for brevity -->
</table>

The most noticeable issue seems to be the image size—it renders much larger than it does on GitHub. Here's a live demo that reproduces the problem:
🔗 CodePen Example

Is there a recommended way to handle this or a possible tweak in github-markdown-css to better match GitHub’s rendering?

Thanks a lot for your work on this stylesheet!

[dowithless]

GitHub style:

github-markdown-css style: