Hello Nicola,

Does this look like what you were asking for?

Just HTML, no JavaScript
Here's the link to the Canvas page:
https://tacomacc.instructure.com/courses/1717903/pages/background-image-demo-3

And here's the code:

<div style="width: 80%;">

<img src=" https://tacomacc.instructure.com/courses/1717903/files/107099318/download " alt="Picture: Water Apple Autumn Nature Leaf Windfall" width="100%" height="auto" data-api-endpoint=" https://tacomacc.instructure.com/api/v1/courses/1717903/files/107099318 " data-api-returntype="File" />
<div style="font-size: 18pt; color: #800080; position: absolute; top: 20%; left: 5%; width: 70%;">Your text here
<p>or another picture</p>
<p><img src=" https://tacomacc.instructure.com/courses/1717903/files/107099546/download " alt="Picture: Autumn Leaves" width="30%" height="auto" data-api-endpoint=" https://tacomacc.instructure.com/api/v1/courses/1717903/files/107099546 " data-api-returntype="File" /></p>
<div style="width: 80%; font-size: 8pt; text-align: left;"><span style="color: #000000;">Image retrieved from https://pxhere.com/en/photo/179443 . CC0 Public Domain.</span></div>
</div>
<div style="width: 80%; font-size: 8pt; text-align: left;">Image adapted from "Water Apple Autumn Nature Leaf Windfall," retrieved from https://www.maxpixel.net/Water-Apple-Autumn-Nature-Leaf-Windfall-469573 . CC0 Public Domain.</div>
</div>

Sizing and positioning is up to you (may be tricky, as I've found out--especially, with zooming in and out). The 'endpoint' attribute is being added by Canvas automatically.

Yuriy

I have had this ongoing issue for the past two months with all of my dashboard images disappearing. I was told it was something I had done. I was using pics so have now created my own static image to place on all assessments. This took some time to redo all events. Now I find they have all gone again?'