.animation-background {
            position: relative;
            width: 100%;
            height: 100vh;
            background-color: #21543F; /* Updated background color */
            overflow: hidden;
        }

        .animation-icon {
            position: absolute;
            font-size: 3rem; /* Adjust size of the icons */
            color: rgba(255, 255, 255, 0.8); /* Faint white icons */
        }

        /* Individual icon positions */
        .icon1 { top: 10%; left: 20%; animation: fadeInOut1 7s infinite ease-in-out; }
        .icon2 { top: 30%; left: 50%; animation: fadeInOut2 9s infinite ease-in-out; }
        .icon3 { top: 60%; left: 70%; animation: fadeInOut3 8s infinite ease-in-out; }
        .icon4 { top: 80%; left: 30%; animation: fadeInOut4 6s infinite ease-in-out; }
        .icon5 { top: 15%; left: 80%; animation: fadeInOut5 10s infinite ease-in-out; }
        .icon6 { top: 50%; left: 10%; animation: fadeInOut6 8s infinite ease-in-out; }
        .icon7 { top: 75%; left: 60%; animation: fadeInOut7 7s infinite ease-in-out; }
        .icon8 { top: 40%; left: 25%; animation: fadeInOut8 6s infinite ease-in-out; }
        .icon9 { top: 65%; left: 15%; animation: fadeInOut9 9s infinite ease-in-out; }
        .icon10 { top: 25%; left: 55%; animation: fadeInOut10 11s infinite ease-in-out; }
        .icon11 { top: 70%; left: 85%; animation: fadeInOut11 12s infinite ease-in-out; }
        .icon12 { top: 45%; left: 35%; animation: fadeInOut12 7s infinite ease-in-out; }
        .icon13 { top: 55%; left: 90%; animation: fadeInOut13 8s infinite ease-in-out; }
        .icon14 { top: 10%; left: 40%; animation: fadeInOut14 9s infinite ease-in-out; }
        .icon15 { top: 80%; left: 15%; animation: fadeInOut15 6s infinite ease-in-out; }
        .icon16 { top: 20%; left: 60%; animation: fadeInOut16 8s infinite ease-in-out; }
        .icon17 { top: 70%; left: 25%; animation: fadeInOut17 10s infinite ease-in-out; }
        .icon18 { top: 30%; left: 65%; animation: fadeInOut18 12s infinite ease-in-out; }
        .icon19 { top: 50%; left: 75%; animation: fadeInOut19 9s infinite ease-in-out; }
        .icon20 { top: 35%; left: 5%; animation: fadeInOut20 7s infinite ease-in-out; }

        /* Keyframe animations for individual icons */
        @keyframes fadeInOut1 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut2 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut3 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut4 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut5 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut6 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut7 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut8 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut9 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut10 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut11 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut12 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut13 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut14 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut15 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut16 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut17 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut18 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut19 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }
        @keyframes fadeInOut20 {
            0%, 100% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1); }
        }