A pure CSS solution. Should work in all modern/latest browsers. This only scrolls the actual hero banner's text, not the header title. Also, it doesn't change the width of the text's container. I think you could add width to the first CSS rule and play around with that if the effect you are after is a single line of text scrolling. To adjust speed increase/decrease the "20s" part in the first CSS rule. And then if you find it is not scrolling all the way across the page, adjust the pixels in the "@keyframes" rule.
Add to your custom css box within your admin's appearance page:
/* Scroll hero banner text */
.Hero-subtitle{
animation: scrollhero 20s linear infinite;
position: relative;
}
.Hero-subtitle:hover {
animation-play-state: paused;
}
@keyframes scrollhero{
0% {left:1000px;}
100% {left:-1000px;}
}