[Hero-banner] Updated responsive style for hero banner.

Updated responsive style for Hero/Drupal banner

Issue: https://www.drupal.org/project/demo_design_system/issues/3461198

Screenshots:

starshot_demo/components/03-organisms/starshot-banner/starshot-banner.scss

@@ -22,7 +22,7 @@
     display: flex;
     flex-direction: column-reverse;
 
-    @include ct-breakpoint(xl) {
+    @include ct-breakpoint(l) {
       flex-direction: row;
     }
 
@@ -35,7 +35,7 @@
   #{$root}__featured-image__wrapper {
     @include ct-image-fit();
 
-    @include ct-breakpoint(xl) {
+    @include ct-breakpoint(l) {
       display: block;
       position: absolute;
       bottom: 0;
@@ -43,7 +43,7 @@
       right: 0;
     }
 
-    @include ct-breakpoint(xl) {
+    @include ct-breakpoint(l) {
       width: $ct-starshot-banner-featured-image-width;
     }