<mj-social-element> puts text inside <img> element

When I compare the behavior between https://mjml.io and their "Try it Live" editor and grapejs-mjml, they treat the tag diffferently.

mjml.io renders the `` tag with the icon next to text using two table cells, one for the image, and one for the text sort of like this (this is super simplified):
```

text

```

When grapesjs-mjml renders the `` it renders it like this:
```

text

```

I don't think this is intentional, since putting text inside of an image tag is pretty unusual.