Add CSS classes for vertical alignment on mobile

Adjacent changes exist in the Widgets module to add this class via a dropdown in the CMS.

Author: AdamBurtEtch

content/Assets/Styles/components/hero/_vertical.scss

@@ -13,3 +13,15 @@
 .hero--vertical-top {
     align-items: flex-start;
 }
+
+@include mq($until: tablet) {
+    .hero--vertical-mobile-bottom {
+        align-items: flex-end;
+    }
+    .hero--vertical-mobile-center {
+        align-items: center;
+    }
+    .hero--vertical-mobile-top {
+        align-items: flex-start;
+    }
+}