## getOptimalPosition() utility

**Expected**: At the bottom of the page, in a nested, scrolled container hierarchy, a **perfect** square divided equally into 4 sub–squares should be visible.

The colors of the sub–squares should be as follows:

* Upper-left corner: <span style="color: cyan">cyan</span>,
* Upper-right corner: <span style="color: magenta">magenta</span>,
* Bottom-left corner: <span style="color: yellow; background: black;">yellow</span>,
* Bottom-right corner: <span style="color: black">black</span>.