ISTWCMS-4868: updated banner to correct inconsistencies with overlayed caption text

source/_patterns/04-components/card/card--banner/_card--banner.scss

@@ -64,12 +64,17 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
     text-align: center;
     width: 100%;
     z-index: gesso-z-index(overlay);
-    h2 {
-      margin: 0;
+    .card__title {
+      font-family: $header-font-family;
+      font-size: gesso-font-size(6);
+      line-height: 1.25;
+      margin:0;
     }
 
     .sub-title {
-      font-family: $header-font-family;
+      font-family:gesso-font-family(book);
+      font-size: gesso-font-size(0);
+      line-height:1;
 
     }
   }

source/_patterns/04-components/card/card--banner/card--banner.twig

@@ -6,7 +6,6 @@
     card_type: 'banner',
     title: image.big_text,
     sub_title: image.small_text,
-    header_level: 2,
     url: image.link,
   } %}
 {% endfor %}

source/_patterns/04-components/card/card.twig

@@ -27,7 +27,12 @@
         {% endif %}
 
         {% if show_title == 'yes' %}
-          <h{{ header_level }} class="card__title">
+          {% if header_level %}
+            <h{{ header_level }} class="card__title">
+          {% else %}
+           <div class="card__title">
+             <strong>
+          {% endif %}
             {% if url %}
               <a href="{{ url }}">
             {% endif %}
@@ -35,7 +40,13 @@
             {% if url %}
               </a>
             {% endif %}
-          </h{{ header_level }}>
+             </strong>
+            {% if header_level %}
+            </h{{ header_level }}>
+            {% else %}
+           </div>
+          {% endif%}
+
           {% if sub_title %}
             <span class="sub-title">{{ sub_title }}</span>
           {% endif %}