Orbit image overlay

Is it possible to add an overlaying background image on top of Orbit, with the background image set to “background-size: cover” and positioned bottom center?

I’m trying to add a blue sweeping image overlay to the bottom of Orbit, like the attached image.

Probably with some custom CSS, sure. But not out of the box as this is nothing that is covered by Foundation Sites.

What did you try so far? It should work with position: relative, bottom: 0, some z-index settings and so on.