If you want static HTML content that is excluded from the passage transition effect then you need to inject that content outside the Harlowe
tw-story element, because anything within this element is destroyed and replaced each time a passage transition occurs.
The following CSS positions the above new page-header element so that it appears within the blank area above the section of the page where the current Passage’s content is shown, the CSS also contains information about which image to show behind the new page-header element. This CSS should be placed within your project’s Story Stylesheet area.
Obviously you will need to change the url of the background image to reference your image.
the way you can get around this is using replace, probably with spans…
…The “text” span can simply have its contents replaced, without going to a new passage
warning: Changes to variables that occur within the contents of the current passage are persisted to the History System during the next Passage Transition, and each “Save” made is basically just a copy of the current state of the History system. So if you use something like the purposed “use macro to replace content of current page” technique to bypass/suppress the passage transition effect then any variable changes you make will not be persisted within History.