Hi all, I'm working on a very image heavy Twine at the moment, with the central idea being that you can walk to an environment frame by frame in a style similar to the original version of Myst.
I figured the best way to do this would be to make all my environment images backgrounds and then add any text and buttons over the top of this, but I'm having trouble getting my images to the correct position.
There are two problems, one is just the matter of what size to make the image so that it fills the screen without being excessively huge, and the other is how to centre it.
Ideally I'd be able to centre an image slightly bigger than the screen (basically giving it a "bleed"), but at the moment it aligns left.
current stylesheet looks like this:
EDIT: (tried adding a background-position: center; which...helps, it's now aligned to the centre left to right but not top to bottom, any way to do that?)
Any help appreciated!