.gradient-background {
    position:absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -100;
}

.gradient-background div {
    position: absolute;
    border-radius: 50%;
    animation: gradient 5s infinite;
}

@keyframes gradient {
    
    70% {
        transform: scale(1.2) translate(50px);
    }
}

.gradient-background div:nth-child(1) {
    height: 90%;
    width: 80%;
    background-color: #060916;
    left: -29%;
    top: -10%;
}

.gradient-background div:nth-child(2) {
    height: 80%;
    width: 70%;
    background-color: #1D3557;
    top: -12%;
    right: -12%;
    animation-delay: 1.6s;
}

.gradient-background div:nth-child(3) {
    height: 65%;
    width: 80%;
    background-color: #050a30;
    bottom: -15%;
    right: -20%;
    animation-delay: 0.3s;
}

.gradient-background div:nth-child(4) {
    height: 50%;
    width: 75%;
    background-color:#457B9D;
    bottom: -10%;
    left: -18%;
    animation-delay: 1.2s;
}

.gradient-background div:nth-child(5) {
    height: 64%;
    width: 47%;
    background-color: black;
    left: 20%;
    bottom: 60%;
    animation-delay: 2.5s;
}

.gradient-background::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    backdrop-filter: blur(80px);
}