#about {
  background:
    linear-gradient(to bottom,
      rgba(10, 26, 46, 0.92) 0%,
      rgba(10, 77, 110, 0.88) 50%,
      rgba(10, 26, 46, 0.92) 100%
    ),
    url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1800&q=80')
    center / cover fixed;
  text-align: center;
}

#about p.body-text {
  max-width: 820px;
  margin: 0 auto 48px;
  font-size: clamp(1rem, 2vw, 1.15rem);
  line-height: 1.85;
  color: var(--white);
  font-weight: 300;
}