lock-screen CSS to override grey default overlay

Site URL: https://www.starrysummers.com/

Has anyone found a solution to override the default gray color that overlays on a lock-screen image? 

I've tried to override it CSS but can't get anything to work, and there is no option right now style settings for lock-screen image overlays, unlike other areas where a background image has a property to set from 0-100 opacity for an overlay, you can't do that for the lock-screen image. 

Thanks in advance for any suggestions on this issue.

CV

That was it. I put this code in the section for lock-screen and it is solved. Thank you very much tuanphan! 

<style id="slide-styles" type="text/css">
  .scrim{background-color: transparent!important;
</style>
 

I don't understand what's being injected where to make this happen.

(Also, how on earth is this not something we can just change without code!?)

youmeandojai.squarespace.com

1 hour ago, KristenRuthSmith said:

I don't understand what's being injected where to make this happen.

(Also, how on earth is this not something we can just change without code!?)

youmeandojai.squarespace.com

What is your problem?

In Advanced > Code Injection > Lock Screen

<style>
.sqs-slide-layer.full-width-height {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
</style>

I just happened to come across this looking for a solution and this is what worked for me in 7.1. Just insert this into lock screen code injection area (Settings > Advanced > Code Injection)
 

<!-- Remove background image overlay on lock screen -->
<style>
.scrim {
    background-color: rgba(0, 0, 0, 0) !important;
  }
</style>