I had this issue on another site, and you provided the css to decrease the opacity of the text, and I used it here.
/* change opacity of text on masthead images */
.t4-masthead .ja-masthead::before {
opacity: 0.55;
}
However, my issue is the secondary text, not the main title. As you can see in my screenshot I'm attaching, the text can be totally unreadable on some slides. I tried to use dev tools to grab the css and fix it myself, but I can't get it. Can you please tell me what css code should be used? Thanks.