=== Steps to Reproduce
# Go to https://en.m.wikipedia.org/wiki/Barack_Obama#/media/File%3AElectoralCollege2008.svg
# Resize the window so that the advance / former buttons appear over the image
=== Expected Results
- The buttons are always visible
=== Actual Results
- The buttons are lost in the background; white images aren't that uncommon!
{F22188266}
=== Environments Observed
- enwiki
**Browser Version **
- Chromium v66.0.3359.181
**OS Version**
- Ubuntu v18.04 64b
**Device Model**
- Desktop
**Device Language**
- English
== Acceptance criteria
Add filter following the spec in https://phabricator.wikimedia.org/T197106#4302906
Note, there may be a problem with supporting IE11 https://caniuse.com/#feat=css-filters so feature queries may be useful.
== QA instructions
1) go to http://reading-web-staging.wmflabs.org/wiki/Barack_Obama#/media/File%3AElectoralCollege2008.svg
2) resize your window so that the back/forth arrows are on top of the image
3) verify that the back/forth arrows have a dark shadow, and are still visible when on top of image
4) resize your window so that the X icon is on top of the image (you may need to go to a different image)
5) verify that the X icon has a dark shadow, and is still visible when on top of image