A little CSS help needed ploz

[Jayy]

This is driving me mad now and it's late and my brain is fried. I've left it whilst I style everything else but not sure on the best approach to this.

I have a gold frame image, which is going to be a slider and I want to have the slides inside the gold frame.

This is the exact image I need to use:

https://i.imgur.com/uOsiwHe.png

My slides will load in the black area, using something like Layer Slider or Revolution Slider, for Wordpress.

If this were a static site, I've done this hundreds of times over the years but I'm using Bootstrap 3 framework, which is responsive and the issues come as the media queries start re-sizing the containers. I've also been using BS for the past couple of years now and I'm fairly used to it but I don't normally use image backgrounds for sliders any more, which is why I'm a little stumped.

I had a play around earlier on with setting the frame as a global background image but once it hits the 1st break point, it crops/cuts off.

Also had a play with using it in each slide but the same issue occurs. Tried Googling it but can't figure out the specific search needed to find the solution.

Any help, muchos appreciated.

[Jayy]

Have I stumped the geeks of BCF with this one? No replies?