You can see here that the right and bottom are showing through to the other side.
How do you prevent that from happening when zoomed?
Right now there’s 10px around and between the image.
That doesn’t seem to be making a difference.
The space around and between it.
I have not been able to figure out how to resolve that issue.
https://jsfiddle.net/bd9k4pfe/2/
What do you mean by when zoomed?
Open your image in photoshop and see if the image contains those white lines. If so, crop them out. 
I can remove all of the white space and when you zoom in that will still appear.
can you upload the original image?
Here:
Your image size and element width and height might be differ.
Check your element size width and height and the image size.
By the way, i don’t really see the white lines even when I zoom in.