html {
  scroll-behavior: smooth;
}

.hero-bg {
  background-image:
    linear-gradient(to bottom, rgba(15,17,23,0.6) 0%, rgba(15,17,23,0.85) 100%),
    url('https://images.unsplash.com/photo-1534438327167-7f6ac5e0c83b?w=1920&q=80');
  background-size: cover;
  background-position: center;
}