Flipbook shows images twice, above each other

Hi,
I don’t think that’s the issue.
It is repeating the same image, one above the other.

The image isn’t being resized to the size of the page in the book configuration.
Main animation: width=650, height=520.
page animation: width=300, height=400.

The uploaded image is w=580, h=802 and it’s resized to 300/400.
The page code shows that the div holding the image is width: 325px; height: 520px;

I assume the background is repeated which is why it shows part of the image again underneath.

the problem now is that 400 is too small. I want to make the book as big as possible within the content area.
Setting the height to 520 and width to 600 in both places also showed the same repeating images.

I’ve tried with auto-resize on and off.
with it off, the images look clearer (as the original images are bigger than 600/520).

To have the pages as big as possible and have clear images, what settings should we use?

This is what I tried originally before I reported the issue but I could only use small sizes, not the sizes we wanted.

I have my main area as w=600 h=520 and the page is then w=300 h=520 but the images still don’t look right.

If I set “auto image sizing” on. then the images fit but are every blurry when zoomed in.
If I set “auto image sizing” off then the zoomed in images look OK but they don’t fit in the space (I see the image repeated underneath it).

I also have an issue with loading images but I’ll create a new issue for that.