From 0e36d23bb40018b1392b20bfabb168dba6f8d0cd Mon Sep 17 00:00:00 2001
From: Justin Walrath <walrathjaw@gmail.com>
Date: Sun, 11 May 2025 15:47:21 -0400
Subject: [PATCH] Now the summary image is smart enough to switch from cover
 when on phone screen to a full contained image on a bigger screen

---
 src/app/[stream]/podcasts/podcastSummary.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/[stream]/podcasts/podcastSummary.tsx b/src/app/[stream]/podcasts/podcastSummary.tsx
index 7f80105..5855aa5 100644
--- a/src/app/[stream]/podcasts/podcastSummary.tsx
+++ b/src/app/[stream]/podcasts/podcastSummary.tsx
@@ -25,7 +25,7 @@ export default function PodcastSummary({ stream }: PodcastSummaryType) {
         <div className="w-full h-auto shadow-md overflow-hidden flex flex-col bg-purple-200">
             <div className="flex flex-col md:flex-row md:items-start">
                 <div className="relative w-full h-[150px] md:w-1/3 md:h-[376] bg-purple-100 flex-shrink-0">
-                    <Image unoptimized src={summaryData.imageUrl ?? ''} alt={summaryData.title ?? ''} fill objectFit="contain" className="rounded-md" />
+                    <Image unoptimized src={summaryData.imageUrl ?? ''} alt={summaryData.title ?? ''} fill className="object-cover md:object-contain" />
                 </div>
 
                 <div className="p-4 flex-grow flex flex-col md:ml-4">