.rotate360 {
    position: absolute;
    opacity: 0.8;
    pointer-events: none;
    /*border-radius: 50% 50% 30% 30% / 20% 20% 50% 50%;*/
    /*-webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -ms-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;*/
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);*/
    /*clip-path: polygon(50% 0%, 100% 30%, 80% 100%, 20% 100%, 0% 30%);*/
    /*background-image: url('../../img/imgnewyear/peachblossom1.png');*/
    background-repeat:no-repeat;
    background-size:contain;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg); /* Quay tròn 1 vòng */
    }
}
@keyframes smailPeachBlossom {
    0% {
        opacity: 0;
        transform: translate(0, 0) rotate(0deg);
    }

    10% {
        opacity: 1;
        /*transform: rotate(0deg);*/
    }
    /*20% {
    }

    30% {
    }

    40% {
    }

    50% {
    }

    60% {
    }

    70% {
    }

    80% {
    }

    90% {
        transform: translate(0, 0)
    }*/
    100% {
        opacity: 0.5;
        transform: translate(calc(100vw - 10px), 100vh) rotate(360deg);
    }
}

@keyframes bigPeachBlossom {
    0% {
        opacity: 0;
        transform: translate(0, 0) rotateY(0deg);
    }

    10% {
        opacity: 1;
        -moz-transform: inherit;
        -ms-transform: inherit;
        -o-transform: inherit;
        transform: translate(0, 0)
        /*-webkit-transform: inherit rotate(0deg);*/
        /*transform: inherit rotate(0deg);*/
    }
    /*20% {
        transform: translate(0, 0)
    }
    30% {
        transform: translate(0, 0)
    }
    40% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(0, 0)
    }
    60% {
        transform: translate(0, 0)
    }
    70% {
        transform: translate(0, 0)
    }
    80% {
        transform: translate(0, 0)
    }
    90% {
        transform: translate(0, 0)
    }*/
    100% {
        opacity: 0.25;
        bottom: 10vh;
        transform: translate(120vw, 100vh) rotateY(360deg);
    }
}