.gradient-blur {
    position: absolute;
    z-index: 2;
    inset: 0;
}

.gradient-blur > div,
.gradient-blur::before,
.gradient-blur::after {
    position: absolute;
    inset: 0;
}

.gradient-blur::before {
    content: '';
    z-index: 30;
    backdrop-filter: blur(0.5px);
    mask: linear-gradient(
        to top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 1) 12.5%,
        rgba(0, 0, 0, 1) 25%,
        rgba(0, 0, 0, 0) 37.5%
    );
}

.gradient-blur > div:nth-of-type(1) {
    z-index: 32;
    backdrop-filter: blur(1px);
    mask: linear-gradient(
        to top,
        rgba(0, 0, 0, 0) 12.5%,
        rgba(0, 0, 0, 1) 25%,
        rgba(0, 0, 0, 1) 37.5%,
        rgba(0, 0, 0, 0) 50%
    );
}

.gradient-blur > div:nth-of-type(2) {
    z-index: 33;
    backdrop-filter: blur(1.5px);
    mask: linear-gradient(
        to top,
        rgba(0, 0, 0, 0) 25%,
        rgba(0, 0, 0, 1) 37.5%,
        rgba(0, 0, 0, 1) 50%,
        rgba(0, 0, 0, 0) 62.5%
    );
}

.gradient-blur > div:nth-of-type(3) {
    z-index: 34;
    backdrop-filter: blur(2px);
    mask: linear-gradient(
        to top,
        rgba(0, 0, 0, 0) 37.5%,
        rgba(0, 0, 0, 1) 50%,
        rgba(0, 0, 0, 1) 62.5%,
        rgba(0, 0, 0, 0) 75%
    );
}

.gradient-blur > div:nth-of-type(4) {
    z-index: 35;
    backdrop-filter: blur(3px);
    mask: linear-gradient(
        to top,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 1) 62.5%,
        rgba(0, 0, 0, 1) 75%,
        rgba(0, 0, 0, 0) 87.5%
    );
}

.gradient-blur > div:nth-of-type(5) {
    z-index: 36;
    backdrop-filter: blur(4px);
    mask: linear-gradient(
        to top,
        rgba(0, 0, 0, 0) 62.5%,
        rgba(0, 0, 0, 1) 75%,
        rgba(0, 0, 0, 1) 87.5%,
        rgba(0, 0, 0, 0) 100%
    );
}

.gradient-blur > div:nth-of-type(6) {
    z-index: 37;
    backdrop-filter: blur(5px);
    mask: linear-gradient(
        to top,
        rgba(0, 0, 0, 0) 75%,
        rgba(0, 0, 0, 1) 87.5%,
        rgba(0, 0, 0, 1) 100%
    );
}

.gradient-blur::after {
    content: '';
    z-index: 38;
    backdrop-filter: blur(6px);
    mask: linear-gradient(
        to top,
        rgba(0, 0, 0, 0) 87.5%,
        rgba(0, 0, 0, 1) 100%
    );
}