Adding a custom overlay adds a gray background at the bottom of the slider

[azakero]

Hello jaysalvat,

Firstly thanks so much for such an amazing plugin.

Regarding the issue, I'm working on a project and I have to add a custom background overlay. Nothing fancy. just a transparent black background color. Upon adding the overlay, there's a background which has gray color under the first image slider. I need to change it to white or any other color. Is this a bug or something? Can I change it to white or something else?

Here's the code:

.vegas-overlay{ background-color: black; opacity: 0.5; z-index: 0; }

$(".content-left").vegas({ timer: false, overlay: true, transition: 'slideDown', slides: [ { src: "./images/bg1.jpg" }, { src: "./images/bg2.jpg" }, { src: "./images/bg3.jpg" }, { src: "./images/bg4.jpg" }, { src: "./images/bg5.jpg" } ] });

Here's a photo. The upper part is the first photo in the slider. Second part is the "gray issue". And the third one is the actual background of the body.