Rendered image proprotions differ from original

[liukidar]

Describe it simply:

On https://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_chania, if I try to snap the icons in the top left, such as:

const el = document.querySelector('#tryhome');
window.snapdom.toJpg(el, { quality: 0.85, type: 'jpg', backgroundColor: '#DFDFE9' })

then the resulting image differs from the original: the icon is not in the center but shifted to the top left (snapped vs original):