/*hero banner below 767*/
.parallax.hero-banner {
  padding-top: 0;
  padding-bottom: 0;
}

.hero-image:after {
  --overlay-color: rgba(0, 0, 0, 0.3);
  transition: opacity 0.5s linear 0s;
}

body:not(.banner-opacity) .hero-image:after {
  opacity: 0;
}