/*** Variant - Hero with text below image ***/
 .hero-text-below .hero {
     background-position: top;
     background-attachment: local;
}
 .hero-content.hero-content-primary {
     background-color: var(--em-color-bg-primary);
     color: #fff;
}
 .hero-text-below .container {
     padding-inline: 0;
     width: 100%;
}
.hero-text-below .hero-content.hero-content-primary {
    background-color: rgb(1, 33, 105);
    color: #fff;
}
 @media (min-width: 768px) {
     .hero-text-below {
         min-height: 70vh;
    }
     .container {
         height: 100%;
         max-height: 100%;
    }
}
 @media (max-width: 767.98px) {
     .hero-text-below {
         height: 100%;
         min-height: 100%;
         max-height: 100%;
    }
     .hero {
         height: 100%;
         min-height: 20rem;
         max-height: unset;
    }
}