.cms-page-hero:before{
  background-image:
    linear-gradient(90deg,
      rgba(23,20,69,.78) 0%,
      rgba(23,20,69,.58) 48%,
      rgba(23,20,69,.38) 100%
    ),
    var(--page-hero-image,none);
  background-position:center;
  background-size:cover;
}


.cms-page-hero h1,
.cms-page-hero .eyebrow,
.cms-page-hero .page-summary{
  text-shadow:0 2px 14px rgba(10,8,42,.28);
}

@media(max-width:700px){
  .cms-page-hero:before{
    background-image:
      linear-gradient(90deg,
        rgba(23,20,69,.82) 0%,
        rgba(23,20,69,.62) 70%,
        rgba(23,20,69,.48) 100%
      ),
      var(--page-hero-image,none);
  }
}