Koreader changes margin of images

[Equil]

I am using a kobo clara HD and the images looks fine in the base kobo software, but when I use koreader, the entire margin changes and become off centered.

This is the code I used for the images:

<div style="page-break-before:always; page-break-after:always; page-break-inside:avoid">

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 820 1200" preserveAspectRatio="xMidYMid meet">
<image width="820" height="1200" xlink:href="../Images/000_Credits.jpg"/>
</svg>
This is the Kobo


This is the koreader


Anyone knows how to fix this problem?