[b33eff]: CSS to put text on screen when rotated

[tombrunet]

Adjusts the CSS so that the content is "visible" to avoid voiding the applicability of the rule.

Closes issue(s):

• closes #1782

Need for Call for Review:

This will require a 1 week Call for Review

---

Pull Request Etiquette

When creating PR:

• [x] Make sure you're requesting to pull a branch (right side) to the develop branch (left side).
• [x] Make sure you do not remove the "How to Review and Approve" section in your pull request description

After creating PR:

• [x] Add yourself (and co-authors) as "Assignees" for PR.
• [x] Add label to indicate if it's a Rule, Definition or Chore.
• [x] Link the PR to any issue it solves. This will be done automatically by referencing the issue at the top of this comment in the indicated place.
• [x] Optionally request feedback from anyone in particular by assigning them as "Reviewers".

When merging a PR:

• [x] Close any issue that the PR resolves. This will happen automatically upon merging if the PR was correctly linked to the issue, e.g. by referencing the issue at the top of this comment.

How to Review And Approve

• Go to the “Files changed” tab
• Here you will have the option to leave comments on different lines.
• Once the review is completed, find the “Review changes” button in the top right, select “Approve” (if you are really confident in the rule) or "Request changes" and click “Submit review”.
• Make sure to also review the proposed Call for Review period. In case of disagreement, the longer period wins.

[tombrunet]

@WilcoFiers Fixed fail 1 and fail 4.

[Jym77]

Call for Review ends on December 14th.

[Jym77]

Cal for Review has ended. Merging.

[AndyAtTV]

Inapplicable Example 3 appears to have two mistakes: landscape is misspelled as lanscape, and rotateZ() should only have 1 argument, not 4 (maybe it should be rotate3d ?)