/* Works with Gutenberg Cover block */
.zcs-has-slider{
  position: relative;
}
.zcs-has-slider .zcs-fade-layer{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:0;
  z-index:0;
  pointer-events:none;
}
/* Keep cover inner content above our fade layer */
.zcs-has-slider > .wp-block-cover__inner-container{
  position: relative;
  z-index: 2;
}

/* Overlay layer (color + opacity controlled via settings) */
.zcs-has-slider .zcs-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}