From 937a8f4d1a306c38d4044893aed708a45c720284 Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Mon, 14 Oct 2024 09:04:35 -0500
Subject: [PATCH] Try old thumbnail image layout

---
 .../content/carousels/templates/VideoTemplate.js   | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js
index 9fa8aac..1e8ea7b 100644
--- a/src/components/content/carousels/templates/VideoTemplate.js
+++ b/src/components/content/carousels/templates/VideoTemplate.js
@@ -48,13 +48,19 @@ export function VideoTemplate({ video }) {
     return (
         <Card className="overflow-hidden group hover:shadow-xl transition-all duration-300 bg-gray-800 m-2 border-none">
             <div className="relative h-48 sm:h-64">
+            <div
+                className="relative w-full h-0 "
+                style={{ paddingBottom: "56.25%" }}
+            >
                 <Image
-                    src={returnImageProxy(video.image)}
-                    alt="Video background"
+                    alt="workshop thumbnail"
+                    src={returnImageProxy(workshop.image)}
                     quality={100}
-                    layout="responsive"
-                    className={`${router.pathname === "/content" ? "w-full h-full object-cover" : "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"}`}
+                    layout="fill"
+                    objectFit="cover"
+                    className="rounded-md"
                 />
+                </div>
                 <div className="absolute inset-0 bg-gradient-to-br from-primary/80 to-primary-foreground/50" />
                 <div className="absolute top-4 right-4 flex items-center gap-1 bg-black/50 text-white px-3 py-1 rounded-full">
                     <ZapDisplay zapAmount={zapAmount} event={video} zapsLoading={zapsLoading && zapAmount === 0} />