/* and flation effects to flower1 & 2 up down with degree effect*/
        /* Animation for flower1 with vertical movement and rotation */
        .flower1 {
            animation: flower1 5s infinite ease-in-out;
            rotate: 180deg;
            height: 40px;
        }

        /* Animation for flower2 with vertical movement and rotation */
        .flower2 {
            animation: flower2 5s infinite ease-in-out;
            height: 40px;
        }

        /* Flower1 Animation: Move up & down with rotation effect */
        @keyframes flower1 {
            0% {
                transform: translateY(0) rotate(0deg);
            }

            50% {
                transform: translateY(-10px) rotate(-15deg);
                /* Move up and rotate counterclockwise */
            }

            100% {
                transform: translateY(0) rotate(0deg);
                /* Return to original position */
            }
        }

        /* Flower2 Animation: Move up & down with rotation effect */
        @keyframes flower2 {
            0% {
                transform: translateY(0) rotate(0deg);
            }

            50% {
                transform: translateY(10px) rotate(15deg);
                /* Move down and rotate clockwise */
            }

            100% {
                transform: translateY(0) rotate(0deg);
                /* Return to original position */
            }
        }
        /* set screen sizes */