Placing the question inside <details></details> allows toggling show/hide the contents.
dir="rtl" displays the <details> from right to left.
position:fixed; fixes the <details> in position, i.e. it will not scroll.
z-index:2147483646; places the <details> always on top.
<summary></summary> is the "Given" button.
style="display: flex; allows having two (or more) <div> in which to place the text and the image.
w201901041206() is a Java script that opens the image in a new window. You can adjust the size of the window with the width= and height= attributes. The window always opens in the upper left corner of the screen, but it can be dragged and resized by the student. Always use a different name for each new function, for example a letter (w) followed by the date (20190104) and time (1206) of creation of the function.