DAR-825: fix placement of background image gradient so that it works nicely at any viewport size. Also renamed some of the width vars to offset so it's more explicit what they do.