How to fit the image right next to text in rectangle node and make the same linkable to other elements

Hi,

How to fit the image right next to text in rectangle node and make the same linkable to other elements?

Here’s a screenshot of what i have so far:
issue2 issue1

I need the image to not resize by itself. I already have specified the width and height in the code but it enlarges and doesn’t stay the same when i move it out from the toolbar.

When i put the horizontal value in the node element the ports for the links are all over the place as shown on the first photo.

Also i need the element to be linkable to other elements.

I wasn’t able to figure out how to do this. Any help will be highly appreciated.

Link to jsfiddle of my JS code: https://jsfiddle.net/miki996/4eo2cn0L/

I am using
GoJS Version: 1.8.32,
Browser: Google Chrome,
OS: Windows 10 Pro

You are talking about an image shown by a Picture, yes? What is the natural size of that image?
Note that if the image has some margin in it, that will be shown by the Picture. Although if you know the size of the margin within the image, you can set Picture.sourceRect to crop it.