Fix height of horizontal link cards

app/soapbox/features/status/components/card.tsx

@@ -236,7 +236,15 @@ const Card: React.FC<ICard> = ({
     );
   } else if (card.image) {
     embed = (
-      <div className='status-card__image'>
+      <div className={classnames(
+        'status-card__image',
+        'w-full rounded-l md:w-auto md:h-auto flex-none md:flex-auto',
+        {
+          'h-auto': horizontal,
+          'h-[200px]': !horizontal,
+        },
+      )}
+      >
         {canvas}
         {thumbnail}
       </div>

app/styles/components/status.scss

@@ -340,6 +340,7 @@ a.status-card {
   flex: 0 0 40%;
   background: var(--brand-color--med);
   position: relative;
+  overflow: hidden;
 
   & > .svg-icon {
     width: 40px;
@@ -380,10 +381,6 @@ a.status-card {
   @apply flex flex-col md:flex-row;
 }
 
-.status-card--link .status-card__image {
-  @apply w-full rounded-l md:w-auto h-[200px] md:h-auto flex-none md:flex-auto;
-}
-
 .material-status {
   padding-bottom: 10px;