.background-icon-container {
    position: absolute;
    z-index: -1;
}

.icon-1 {
    position: absolute;
    top: -200px;
    left: 100px;
    animation: icon-fall linear 8s infinite; 
}

.icon-1 img {
    animation: icon-rotate linear 8s infinite; 
    opacity: 0.3;
    width: 200px;
}

.icon-2 {
    position: absolute;
    top: -200px;
    left: 300px;
    animation: icon-fall linear 10s infinite; 
}

.icon-2 img {
    animation: icon-rotate linear 10s infinite; 
    opacity: 0.2;
    width: 180px;
}

.icon-3 {
    position: absolute;
    top: -200px;
    left: 460px;
    animation: icon-fall linear 12s infinite; 
}

.icon-3 img {
    animation: icon-rotate linear 12s infinite; 
    opacity: 0.1;
    width: 160px;
}

.icon-4 {
    position: absolute;
    top: -200px;
    left: 660px;
    animation: icon-fall linear 9s infinite; 
}

.icon-4 img {
    animation: icon-rotate linear 9s infinite; 
    opacity: 0.3;
    width: 160px;
}

.icon-5 {
    position: absolute;
    top: -200px;
    left: 800px;
    animation: icon-fall linear 11s infinite; 
}

.icon-5 img {
    animation: icon-rotate linear 11s infinite; 
    opacity: 0.2;
    width: 160px;
}

.icon-6 {
    position: absolute;
    top: -200px;
    left: 950px;
    animation: icon-fall linear 13s infinite; 
}

.icon-6 img {
    animation: icon-rotate linear 13s infinite; 
    opacity: 0.1;
    width: 160px;
}

.icon-7 {
    position: absolute;
    top: -200px;
    left: 1170px;
    animation: icon-fall linear 7s infinite; 
}

.icon-7 img {
    animation: icon-rotate linear 7s infinite; 
    opacity: 0.3;
    width: 160px;
}


@keyframes icon-rotate {
    0% {
        transform: rotateZ(0);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes icon-fall {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(140vh);
    }
}