#wm-banner{
    position:relative;
    height:420px;
    overflow:hidden;
    background:#111;
}

#wm-banner-stage{
    position:absolute;
    inset:0;
    overflow:hidden;
}

.wm-photo{
    position:absolute;
    opacity:0;
    pointer-events:none;

    border-radius:12px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.30);

    animation-name:wmFly;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
}

#wm-banner-overlay{
    position:absolute;
    inset:0;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;

    z-index:100;
}

#wm-banner-overlay h1{
    margin:0;
    color:white;
    font-size:64px;
    font-weight:200;
    letter-spacing:.12em;

    text-shadow:
        0 0 25px rgba(0,0,0,.5);
}

#wm-banner-overlay p{
    color:white;
    font-size:22px;
    font-weight:300;

    text-shadow:
        0 0 20px rgba(0,0,0,.5);
}

@keyframes wmFly{

    0%{
        opacity:0;
        transform:
            translate3d(0,0,-500px)
            scale(.05);
    }

    15%{
        opacity:.9;
    }

    85%{
        opacity:.9;
    }

    100%{
        opacity:0;
        transform:
            translate3d(0,0,500px)
            scale(1.3);
    }
}