.duckie {
    width: 100%;
    height: 100vh;
    /*display: none;*/
    position: fixed;
    padding-top: 10%;
}

.duckie img {
    width: 80%;
    padding-left: 5%;
    display: block;
    position: relative;
}

.duckie.wave {
    position: fixed;
    padding-top: -20%;
}

.duckie#duckie {
    padding-top: 20%;
}

.duckie-svg {
    width: 80%;
    animation: backAndForth 6s ease-in-out infinite;
}

@keyframes backAndForth {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-20deg); }
    75% { transform: rotate(20deg); }
}

.sparkle-container {
    display: block;
}