Hello! You can do this with some javascript and css magic.

First, add the javascript:

/* BEGIN HEADER IMAGE */

let img = document.createElement("IMG"); img.setAttribute("class", "header-img"); /* CHANGE URL HERE */ img.src = "https://via.placeholder.com/350x65"; document.body.prepend(img);

/* END HEADER IMAGE */

then add the CSS:

/* BEGIN HEADER IMAGE */

.header-img { display: block; margin-left: auto; margin-right: auto; margin-top: 1em; }

/* END HEADER IMAGE */

An explanation:

We create a new html element with javascript using createElement, then we set the appropriate class (so that we can style with css), add a source url (change it) and prepend it to the document body, so that its on top of the page. Keep in mind that this will be above everything added before this.

Then we style it with css so that its centered and not hugging the titlebar. You can change the “margin-top” value as you please, try it out and see what pleases you - increase or decrease the number before “em”.