Custom CSS

I am finally recreating my website with Kadence blocks as I currently have Elementor Pro, but I would like to add some custom css to the hero block. Can you help at all? Thanks ??

Below css from https://www.gradient-animator.com

.css-selector {
    background: linear-gradient(270deg, #3ff20b, #d8f20b, #8b0bf2);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

The page I need help with: [log in to see the link]