.hero {
  background-color: var(--teal-dark);
  background-image:
    linear-gradient(90deg, rgba(10, 69, 73, .98) 0%, rgba(10, 69, 73, .9) 34%, rgba(10, 69, 73, .48) 70%, rgba(10, 69, 73, .72) 100%),
    url('assets/mission-readiness.png');
  background-size: cover;
  background-position: center;
}