Design that works on different screen sizes / orientation

Hi there,

I've created an H5P drag and drop activity which will appear correctly on smaller portrait screens. I can redesign it to appear correctly on landscape screens; but I haven't managed both. Image links below. I can't put in a maximum container size in CSS as we're using a managed Moodle service and they won't let us change the CSS.

Is there another solution or way of designing this to work on smartphones and large PC desktops?

Portrait: Can drag and drop words to images: https://drive.google.com/file/d/1ANm3tVxNRWRWCYvlxTmhL75mdTUmvGVI/view?u...

Portrait: Words and off the screen (and some images) and the whole thing is "too big": https://drive.google.com/file/d/1NgagQGUmkMtUZeXcHIx4zIyMlOsNYeu8/view?u...

Any help gratefully received!

Charlie