Scroll button on Home page jumps instead of scrolls

Hi,

The scroll button on my home page is jumping instead of scrolling to the correct section. I have the following for my section with the slug “invited”:

<div class="banner-scroll"><a href="#invited" class="scroll" data-section="invited"><img src="https://musicianschristmasparty.com/wp-content/themes/onetone/images/down.png" alt="" /></a></div>

Am I missing something? Thank you so much!! Love the theme! ??