.grass-blade {
    position: absolute;
    bottom: 0;
    width: 8px;
    height: 96px;
    /* max blade height: 12 pixels * 8px */
}

.grass-pixel {
    position: absolute;
    width: 8px;
    height: 8px;
    image-rendering: pixelated;
}

.long-grass {
    position: absolute;
    bottom: 0;
    width: 8px;
    height: 144px; 
    /* 18*8; earlier 96 */
}

.long-grass-pixel {
    position: absolute;
    width: 8px;
    height: 8px;
    image-rendering: pixelated;
    background-color: #1B5E20;
}

.flower {
    position: absolute;
    width: 24px;
    height: 24px;
    pointer-events: none;
    transition: transform 1.2s cubic-bezier(.4, 0, .2, 1);
}

.flower-pixel {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ffe066;
    image-rendering: pixelated;
}

.flower-center {
    background: #ffd700;
}

.flower-pink .flower-pixel {
    background: #ff5e99;
}

.flower-pink .flower-center {
    background: #ff1744;
}

#grass-container {
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
}