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:

Portrait: Words and off the screen (and some images) and the whole thing is "too big":

Any help gratefully received!


Content types: