"Orientation of the page is not restricted using CSS transform property" [b33eff]: Failed example 3 doesn't show on screen

[Jym77]

When looking at Failed example 3 of rule Orientation of the page is not restricted using CSS transform property, in landscape mode on a wide screen, the page looks empty.
This is likely due to the wide body element being rotated on its rightmost corners and thus the small text on the left side got pushed off-screen at the top.

We should likely make sure there actually is something visible on both orientations.
(other examples of this rule might suffer from similar problems on either orientation, I haven't double checked all of them).

[WilcoFiers]

This also seems to happen to inapplicable example 3 and 4.

[tombrunet]

@WilcoFiers Created a PR. I did not touch inapplicable 3 because it's hidden intentionally (It's not applicable because it's display none and therefore not visible).

It was a little trickier than first thought because, while the rotation is fixed, the distance the text moves depends on the size of the box rotating (browser width/height). I think the CSS I added should limit this enough to at least let the test cases do what they're supposed to.