can i select a specific percentage from which animation to continue?

i have a div that has 500vh height and an animation that shows every 100vh of the div every 5 second

@keyframes slide {
    0%{
        top: 0;
    }
    3.33% {
        top: -100vh;
    }
    19.99%{
        top: -100vh;
    }
    23.32% {
        top: -200vh;
    }
    39.98% {
        top: -200vh;
    }
    43.31% {
        top: -300vh;
    }
    59.97%{
        top: -300vh;
    }
    63.3% {
        top: -400vh;
    }
    79.96%{
        top: -400vh;
    }
    83.29%{
        top: 0vh;
    }
    100% {
        top: 0vh;
    }
}

i have set some radio buttons to navigate between these frames i want to my animation starts from the percentage that i assign it to the radio button, I mean when i click a radio button my animation starts from a specific percentage of animation. how do i do this