It seems like now the text is remaining opaque (although at a dark grey color - you might want to change it to black 100%) however, the fact that one image is becoming 50% transparent when you have another image below, that makes it confusing.
In my humble opinion, if you don't mind me saying, I think there's one too many interactions on that screen. When you finally understand what's going on with the hover interactions, the slide moves automatically. I would get rid of the slider if that's the case and maybe, try something different than the images becoming transparent (since there's another image below).
For example, if instead of making the images become transparent you were to add a similar element/layer/class that fills that image block with a 50% white background, it would give the exact same effect that the image is fading out, without letting the image below appear from underneath it.
So here's what you gotta do to make this happen:
(1) Wrapper > (2) Image Div > (3) 100% by 100% Div with 50%white background (adjusting to fit all of the parent element with the same rounded borders) > (4) text element.
Now take your third element and make it transparent initially and opaque when hovered.
so, your image element doesn't fade out, instead, a similar block fades in on top of it, with a semi-transparent background and the text.
Got it? Hope this helps...