JSFiddle - React, Tailwind, and code Playground
HTML
<embed src="https://upload.wikimedia.org/wikipedia/commons/f/fd/Ghostscript_Tiger.svg">
<div class="target">
</div>
CSS
.target {
outline: 10px solid green
}
embed { pointer-events: none; }
JavaScript
const el = document.querySelector("embed");
el.onload = (e) => console.log("loaded");
const cont = document.querySelector(".target");
onclick = (e) => {
const parent = el.parentNode === cont
? document.body
: cont;
parent.prepend(el);
};