- Fixes max height of newer SVG hero images

_includes/card-with-image-guides.html

@@ -24,8 +24,8 @@
   <!--The card only attempts to render a hero image (and the background color) if it has one assigned, which right now is only reserved for guides labeled "important"-->
   <!--Using a few inline styles here to force the hero div to respect the border radii of the card, but there might be a more elegant way of doing that-->
   {% if include.hero_url %}
-  <div class="padding-4 display-flex flex-column bg-primary-dark hero-container" style="border-top-left-radius:inherit; border-top-right-radius: inherit;">
-    <img class="flex-align-self-center" alt="" src="{{ site.baseurl }}{{include.hero_url}}">
+  <div class="padding-4 display-flex flex-column bg-primary-dark" style="border-top-left-radius:inherit; border-top-right-radius: inherit;">
+    <img class="flex-align-self-center maxh-card-lg" alt="" src="{{ site.baseurl }}{{include.hero_url}}">
   </div>
   {% endif %}