#splash.pined {
    animation-name: pined;
    animation-delay: 2.5s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

@keyframes pined {
    from {
        top: 50%;
        left: 50%;
        width: 630px;
        height: 280px;
        transform: translateX(-50%) translateY(-50%) scale(.5);
    }
    to {
        top: 20px;
        left: 20px;
        width: 150px;
        height: 150px;
        transform: translateX(-50%) translateY(-33%) scale(.2);
    }
}