CSS overlay code no longer working

Hello! I had been using an overlay CSS in the Simple Custom CSS plugin to make my background images lighter. They are suddenly no longer working on the new background images that I use. I have noticed that the editing platform for the rows in page builder has changed a bit and think this might be why. Would it be possible to give me a new CSS to rectify this, please?
I had been using the following codes:

.overlay {background: transparent;}
.overlay {background-color: rgba(255,255,255,1.0);}

Thanks in advance,


Now you have the option to enable (or not) the overlay and select a color individually for each row. You don’t need custom CSS unless you want to change the opacity.

Oh, that’s great news!
Thanks very much