Fixes issue #153

[ccjmne]

Fixes issue #153 by creating a stacking context on the [main] content so that all its potentially z-indexed children are stacked within a context scoped to that element.

Introduced as little change as possible

The #scrim overlay sits over it simply by being added next -- current behavior inchanged.
Stacking context created with:

will-change: transform;

[googlebot]

Thanks for your pull request. It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

📝 Please visit https://cla.developers.google.com/ to sign.

Once you've signed, please reply here (e.g. I signed it!) and we'll verify. Thanks.

---

• If you've already signed a CLA, it's possible we don't have your GitHub username or you're using a different email address. Check your existing CLA data and verify that your email is set on your git commits.
• If you signed the CLA as a corporation, please let us know the company's name.

[ccjmne]

I signed it!

[googlebot]

CLAs look good, thanks!