@keyframes fadeinall {
    0% {
        opacity: 1; }
    97% {
        opacity: 0; }
    98% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        z-index: -1; } 
}

html {
    height: 100%;
}

img {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    height: 50%;
    border-radius: 50%;
}

body {
    background-image: url("background-bw.jpg"); 
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-size: cover;
}