Module Styling not working on front end

When editing the page with the visual editor all the effects I’ve added in the module settings work and appear, but as soon as I exit the visual editor the overlay effect no longer appears and the text styling is gone.

Any help as to how to resolve this would be greatly appreciated.