Scolling issues and issue with video header

Hi, the website ashantidance.com behaves not very user-friendly when it comes to scrolling, especially on smartphones. Here are the issues with scrolling: - When scrolling up or down, it scrolls too far so that not all the content in the sections can be read. (it scrolls immediately to the next content section) - The hero content appears too abruptly when scrolling down to it (or also up to it) - Often when scrolling down or up, the resulting position is placed so that the title of a content section can not be read. I have also an isse with including video content as header media. I uploaded an mp4 file and it worked perfectly on the desktop, but on my smartphone it does not appear (tested it with google chrome and Firefox, other websites with video headers can be opened with any issue). I deactivated the video header for now. Can you please advise me how to fix this?