.hero-animate {
  animation: heroFade 8s infinite alternate;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 0;
}

.site-navbar {
  position: relative;
  z-index: 99;
}

@keyframes heroFade {
  0% {
    opacity: 0.85;
  }
  100% {
    opacity: 1;
  }
}

.site-section-cover.overlay:before {
  z-index: 1;
}

.site-section-cover .container {
  position: relative;
  z-index: 2;
}