JavaScript - Detener Animacion css con JavaScript

Hola, bueno eso es lo q necesito
tengo una animacion hecha en css y con un boton quiero detenerla
hago esto y me funciona
document.getElementById('Banner1').style.webkitAnimationPlayState = "paused";

pero necesito q ademas de pausar dicha animacion, se vuelva al principio de la misma
porque queda pausada por ejemplo en 25% y me queda como descolgada

necesitaria que cuando se pause ademas se vaya al principio de la animacion o algo asi

Nota: no necesito reanudar la animacion, asi que si tengo q eliminar la animacion con JS lo hago pero no se como

gracias desde ya

Perdonen la molestia, ya lo logre hacer
pero les comento para el que esté buscando esto mismo como lo hice
tal vez hay formas mejores, pero esto me funciono

hice una animacion diferente, que en el 0% y el 100% tenga el mismo valor de inicio que la animacion principal

esta es la animacio principal

y la reemplazo por esta

por medio de este comando de JavaScript

bueno, gracias d todas formas x estar siempre
espero q les sirva a los q les pasa lo mismo

se vemooo

Gracias por comentarlo Ale...

No lo he probado, pero puede ser que poniendo:

https://developer.mozilla.org/en-US/docs/Web/CSS/animation-play-state

No, yo lo probe y no andaa, a menos q haya cometido algun error
pero segun lo q lei en la documentacion el parametro "Initial" setea la propiedad en el valor por default.. es decir.. si en algun momento cambiaste esa propiedad a traves de javascript, con ese parametro lo pones en el valor que definiste en la hoja css

Si quieren vean como queda www.vikajoyas.com.ar es en el banner (las fotos que pasan de un lado a otro y los circulitos selectores)
quedo super bien