.hero__arrow {
.........
animation-name: floating;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-play-state: running;
&.paused {
animation-play-state: paused;
}
}
setInterval(() => {
const arrow = document.querySelector('div.hero__arrow')
arrow.classList.toggle('paused')
}, 1000)