Yes I can. Unfortunately, it is kind of hard to explain. The main issue is this: You can't manipulate an image and basically have to leave its CSS settings blank (regarding the overlay).
That is a huge problem, because this means we will never know how big the image will be, but we still need to figure out a way to always have an correctly sized overlay present. So instead of me talking any longer out of my ass, I decided to build the solution for you.
With what I built, you can insert any image of ANY size and the overlay will always work. You can freely manipulate paddings, margins, all the good stuff and it will STILL work. Check it out here.
To recreate this for yourself, check my read-only.
Happy designing and let me know when your website is finished