.snowflake-container::before,
.snowflake-container::after {
    content: "❅"; /* 設定雪花的內容 */
    color: #fff;
    font-size: 1.5em; /* 調整雪花大小 */
    position: absolute;
    top: -10%; /* 從螢幕上方開始 */
    z-index: 9999;
    
    /* 動畫屬性 */
    animation-name: fall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* 調整每個偽元素的動畫屬性 */
.snowflake-container:nth-child(1)::before {
    left: 10%;
    animation-duration: 10s;
    animation-delay: 1s;
}
.snowflake-container:nth-child(1)::after {
    left: 15%;
    animation-duration: 8s;
    animation-delay: 3s;
}

.snowflake-container:nth-child(2)::before {
    left: 30%;
    animation-duration: 12s;
    animation-delay: 5s;
}
.snowflake-container:nth-child(2)::after {
    left: 35%;
    animation-duration: 9s;
    animation-delay: 7s;
}

.snowflake-container:nth-child(3)::before {
    left: 50%;
    animation-duration: 11s;
    animation-delay: 2s;
}
.snowflake-container:nth-child(3)::after {
    left: 55%;
    animation-duration: 14s;
    animation-delay: 4s;
}

.snowflake-container:nth-child(4)::before {
    left: 70%;
    animation-duration: 10s;
    animation-delay: 6s;
}
.snowflake-container:nth-child(4)::after {
    left: 75%;
    animation-duration: 13s;
    animation-delay: 8s;
}

.snowflake-container:nth-child(5)::before {
    left: 90%;
    animation-duration: 9s;
    animation-delay: 10s;
}
.snowflake-container:nth-child(5)::after {
    left: 95%;
    animation-duration: 12s;
    animation-delay: 1s;
}

/* 定義雪花飄落的動畫 */
@keyframes fall {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100vh);
        opacity: 0.5;
    }
}