.journal-hero{
  background-color:#071127;
  background-image:url("journal-hero-photo-v1.png");
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 -70px 110px rgba(2,7,20,.2);
}

.journal-hero:before{display:none}

.journal-hero:after{
  z-index:1;
  display:block;
  inset:0;
  background:linear-gradient(90deg,rgba(3,8,24,.98) 0,rgba(3,9,25,.91) 34%,rgba(4,11,28,.55) 53%,rgba(4,11,28,.14) 76%,rgba(4,11,28,.08) 100%);
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.05);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

@media(max-width:980px){
  .journal-hero{background-position:62% center}
  .journal-hero:after{background:linear-gradient(90deg,rgba(3,8,24,.97) 0,rgba(3,9,25,.87) 45%,rgba(4,11,28,.35) 75%,rgba(4,11,28,.16) 100%)}
}

@media(max-width:680px){
  .journal-hero{background-position:68% center}
  .journal-hero:after{background:linear-gradient(90deg,rgba(3,8,24,.96) 0,rgba(3,9,25,.82) 68%,rgba(4,11,28,.46) 100%)}
}