feat: add right-image horizontal cards

public/css/main.css

@@ -3773,6 +3773,15 @@ html[data-theme="dark"] .mp-card--stack-bottom .mp-card__tag {
   aspect-ratio: 16 / 9;
 }
 
+.mp-card--horizontal-right .mp-card__media {
+  order: 2;
+  padding: 1.15rem 1.15rem 1.15rem 0;
+}
+
+.mp-card--horizontal-right .mp-card__body {
+  order: 1;
+}
+
 .mp-card--horizontal.mp-card--hor-image .mp-card__image {
   object-fit: contain;
   aspect-ratio: 1;
@@ -3833,6 +3842,15 @@ html[data-theme="dark"] .mp-card--stack-bottom .mp-card__tag {
   .mp-card--horizontal .mp-card__body {
     padding: 1.15rem 1.25rem 1.35rem 1.25rem;
   }
+
+  .mp-card--horizontal-right .mp-card__media {
+    order: 1;
+    padding: 1.15rem 1.25rem 0;
+  }
+
+  .mp-card--horizontal-right .mp-card__body {
+    order: 2;
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {