.auto-dismiss {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
}

.auto-dismiss.hide-alert {
    opacity: 0;
    transform: translateY(-10px);
}

.hero {
    min-height: 650px;

    background-image:
        linear-gradient(
            rgba(255,255,255,.90),
            rgba(255,255,255,.90)
        ),
        url("../img/landing-buildings.0be94d2fbfed.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}