body.is-loading #hero h2 {
    transform: none;
    opacity: 1;
}

body.is-loading #hero h2:before,
body.is-loading #hero h2:after {
    width: 100%;
}

body.is-loading #hero .scroll-down {
    transform: none;
    opacity: 1;
}

body.is-loading #hero:after {
    opacity: 0;
}

body.is-loading #hero {
    background: linear-gradient(rgba(74, 90, 233, 0.7), rgba(255, 107, 107, 0.7));
}