background-image-source no funciona con linear-gradient según Figma.

Estoy tratando de implementar un borde de degradado lineal agradable en un contenedor. Sin embargo, no está funcionando como debería y el borde solo aparece en la esquina inferior izquierda, esquina superior izquierda, esquina superior derecha y esquina inferior derecha en un pequeño cuadrado. En realidad no aparece alrededor de todo el borde.

A continuación se muestra el código CSS:

.blur > .elementor-column-wrap {
    background-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border: 1px solid;
    border-image-source: linear-gradient(
        310.55deg, 
        rgba(255, 255, 255, 0) 29.24%,
        rgba(255, 255, 255, 0.6) 97.14%
    );
}

@supports ( backdrop-filter: blur(5px) ) or ( -webkit-backdrop-filter: blur(5px) )  {
    .blur > .elementor-column-wrap {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }
}

@supports not ( backdrop-filter: blur(5px) ) and ( -webkit-backdrop-filter: blur(5px) ) {
    .blur > .elementor-column-wrap {
        background-color: rgba(255, 255, 255, 0.82);
    }
}

Si tienes alguna idea de por qué esto no está funcionando, por favor avísanos. El código del borde también fue tomado directamente de Figma como el código “recomendado” para usar, pero evidentemente tiene problemas con este caso de uso.

Imagen a continuación del borde que se muestra actualmente: