How do I match overlay to image size on slider?

[SLDesign (sam)]

---

Here is my site Read-Only: LINK

I have some sliders, with an overlay (transparent color and text) when hovering over the images. How do I match the size of the overlay to the image in the slider.

I would also like the slider navigation bar to stay beneath the image, but it moves when changing screen size.

Also, if there’s a better way to optimize what I’m trying to achieve, please share. Thanks.

[philippf (Philipp)]

Hi, do you mean something like this? You can just add a div.