html,
body {
    width: 100%;
}

#leafContainer {
    pointer-events: none;
    position: fixed;

    z-index: 2;

    width: 100%;

    height: 100%;

    top: 0;

    overflow: hidden;
}

#leafContainer>div {
    pointer-events: none;
    position: absolute;

    max-width: 100vw;

    max-height: 100vh;

    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;

    -webkit-animation-timing-function: linear, ease-in;
}

#leafContainer>div>img {
    pointer-events: none;
    width: 100%;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-direction: alternate;

    -webkit-animation-timing-function: ease-in-out;

    -webkit-transform-origin: 50% -100%;
}

@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }

    98% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes drop {
    0% {
        -webkit-transform: translate(0px, -50px);
    }

    100% {
        -webkit-transform: translate(0px,100vh);
    }
}

@-webkit-keyframes clockwiseSpin {
    0% {
        -webkit-transform: rotate(-50deg);
    }

    100% {
        -webkit-transform: rotate(50deg);
    }
}

@-webkit-keyframes counterclockwiseSpinAndFlip {
    0% {
        -webkit-transform: scale(-1, 1) rotate(50deg);
    }

    100% {
        -webkit-transform: scale(-1, 1) rotate(-50deg);
    }
}