.hero-content h1::before,
.hero-content h1::after {
    animation: draw-bar 0.85s ease 0.25s forwards;
    animation-delay: 0.8s
}

.hero-content h1 img {
  animation: draw-logo 0.85s ease 0.25s forwards;
}

.section-hero-index::before { /* Overlay */
    animation: overlay-opacity 0.85s ease 0.25s forwards;
    animation-delay: 1s
}

@keyframes draw-bar {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes draw-logo {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes overlay-opacity {
    from {
        background-color: rgba(255,255,255,1);
    }
    to {
        background-color: rgba(255,255,255,0.3);
    }
}