JSFiddle - React, Tailwind, and code Playground

HTML

<object id="obj" data="data:text/html,HelloWorld">
</object>

CSS

.bg-me {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png');
  width: 300px;
  height: 300px;
  border: 1px solid red;
}
canvas {
  border: 1px solid green;
}

JavaScript

const obj = document.getElementById( 'obj' );
obj.data = URL.createObjectURL( new Blob( [ 'Hello' ], { type:'text/html' } ) );
obj.onload = evt => {
	obj.onload = null;
	obj.contentDocument.body.textContent += " World"
  setTimeout( () => {
    obj.style.display = "none";
    obj.offsetWidth;
    obj.style.display = "";
    // in Safari, the <object> now displays "Hello"
  }, 3000 );
};