/* About page background image + overlay */
#about-page{
  position: relative;
  z-index: 0;
  background: transparent;
  border-radius: 12px;
}
#about-page::before{
  content: "";
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.55)),
    url("/assets/img/about-background.jpg") center/cover no-repeat;
  opacity: .3;
  filter: saturate(.8) blur(1px);
  z-index: -1;
  border-radius: inherit;
}
/* Improve text legibility on image */
#about-page h1, #about-page h2, #about-page p, #about-page li { text-shadow: 0 1px 2px rgba(0,0,0,.35); }
@media (max-width: 840px){
  #about-page::before{ filter: brightness(.9); }
}