Question: On my portfolio site at <http://samnorris.co.nz> I have an animated .gif image - the astronaut with the heading underneath: "Protecting the galaxy one pixel at a time"...

I'm not sure if it's just me and my monitor or not, and it is only very, very subtle but I can notice the background texture is not blending very well to the background texture on the page (which uses the same texture) and at some resolutions, and especially while scrolling I can see a visible square-like 'halo' around the image, as if the texture on the gif is slightly lighter than on the page or something.

I have tried various Photoshop export settings including Perceptual, Adaptive and Selective and quality: bilinear, bicubic ect. but nothing I have tried so far seems to solve it.

Incidentally, I was using a different background texture before which didn't seem to suffer from the problem, so maybe the problem just lies with the (complexity of?) the texture itself? or is there some way I can make sure the background texture in the .gif blends perfectly to the pages' background?

Here is the actual image itself:

![enter image description here](https://i.stack.imgur.com/UNUo3.gif)

and the background texture used on the page, if it helps at all:

![enter image description here](https://i.stack.imgur.com/RrJ1x.png)

It only seems to be a problem with the GIF and none of the other JPEG's or PNG's on the same page/section which use the same background texture either.

Answer: 
It may also be that you are zooming the image. If you want the object to be bigger, just bring it closer using the tools that are specifically for 3D, which are placed over the working canvas.
This happened to me. I could see the 3D model super pixellated, and it turned out I was zooming it.
Check your OpenGL Settings. It's likely that your static vs. moving layer is utilizing a different function entirely of your video card is being used.