Reveal.js: A fix for image and text height overflow

[patarapolw]

I've got it working by injecting a CSS stylesheet with JavaScript.

(document.getElementById("jsStyle") as HTMLStyleElement).innerHTML = `
img, video, iframe {
    height: ${window.innerHeight * 0.8}px !important;
    max-width: ${window.innerWidth * 0.8}px !important;
}

.present {
    max-height: ${window.innerHeight * 0.9}px;
    overflow-y: scroll;
}`;

Without this, it would look like this,