Add Scolling effect to the Weather Alert blocks

[rsalsbery]

Most of the services we use for the Weather Alert block will now load multiple alerts at a time. Because of this you will oftentimes only see one alert and a part of the second alert. In testing, I added the following CSS code to my screens to allow the Weather alert to scroll through the list of alerts:

.weather-alert {
   overflow: hidden;
   --myscrollerheight: 12vh;
}

@keyframes scroll-vert-marquee-1 {
   0% { transform: translateY(calc(var(--myscrollerheight))); }
  100% {transform: translateY(-150%);}
}

.weather-alert {
  animation-name: scroll-vert-marquee-1;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;	
}

This CSS is not perfect but functional. This case is to explore the ability to add a Scrolling Option to this block so that customers can toggle this on or off if they like.