I am trying to add the following 3D image as background to the content of a wordpress website:
Click for full resolution
I would like the header part to stay the same size on all pages, the same goes for the footer. But as the body changes from page to page, i would like it to change accordingly but still fit properly to the header and footer part of the whole image.
The problem with this background is the fact that it not symmetrical so the top & the bottom of the body image suppose to include the top & the bottom of the canvas (the middle part of the image)
I tried different techniques to implement this solution, but couldn't figure it out. The issue is that the body part of the image doesn't
repeat-y so well, as it changes throughout the height of the image,
I would appreciate a solution, and it doesn't matter for me if i have to cut the images to a several parts.