diff --git a/src/components/paragraphs/stanford-card/card-paragraph.tsx b/src/components/paragraphs/stanford-card/card-paragraph.tsx
index 879bf95e..a238e155 100644
--- a/src/components/paragraphs/stanford-card/card-paragraph.tsx
+++ b/src/components/paragraphs/stanford-card/card-paragraph.tsx
@@ -21,8 +21,8 @@ const CardParagraph = ({paragraph, ...props}: Props) => {
   const headerTagChoice = (behaviors.su_card_styles?.heading || "h2").split(".", 2);
   const headerTag = headerTagChoice[0]
   const headerClasses = headerTagChoice[1]?.replace(".", " ").replace("su-font-splash", "text-m2 font-bold")
-
-  const hideHeader = behaviors.su_card_styles?.hide_heading;
+  const cardVariant = behaviors.su_card_styles?.card_variant;
+  const hideHeader = behaviors.su_card_styles?.heading;
 
   return (
     <ImageCard
@@ -32,6 +32,7 @@ const CardParagraph = ({paragraph, ...props}: Props) => {
       imageAlt={image?.alt}
       videoUrl={videoUrl}
       isArticle={!!paragraph.suCardHeader}
+      className={cardVariant}
     >
       {paragraph.suCardHeader &&
         <div id={paragraph.id} className={twMerge("order-2", hideHeader && "sr-only")}>
diff --git a/src/lib/drupal/drupal-jsonapi.d.tsx b/src/lib/drupal/drupal-jsonapi.d.tsx
index 60e42c4c..a3faed95 100644
--- a/src/lib/drupal/drupal-jsonapi.d.tsx
+++ b/src/lib/drupal/drupal-jsonapi.d.tsx
@@ -37,4 +37,5 @@ export type ParagraphBehaviors = {
   su_card_styles?: CardParagraphBehaviors
   hero_pattern?: BannerParagraphBehaviors
   stanford_teaser?: TeaserParagraphBehaviors
+  card_variant?: BannerParagraphBehaviors
 }