image behind top menu bar

My shadowbox images are appearing behind my top menu bar. I have read that this can be solved using z-index in my css, but I have tried a bunch of different syntaxes and cannot figure out how to do this. If it matters, I am using the Openstrap theme.

https://ww.wp.xz.cn/plugins/shadowbox-js/