From f8121865bc797d62593e312046f03c07d5046a06 Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Sun, 13 Oct 2024 20:48:17 -0500
Subject: [PATCH] Responsive layout

---
 src/components/content/carousels/templates/VideoTemplate.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js
index df8aea2..9fa8aac 100644
--- a/src/components/content/carousels/templates/VideoTemplate.js
+++ b/src/components/content/carousels/templates/VideoTemplate.js
@@ -47,12 +47,12 @@ 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">
+            <div className="relative h-48 sm:h-64">
                 <Image
                     src={returnImageProxy(video.image)}
                     alt="Video background"
                     quality={100}
-                    layout="fill"
+                    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"}`}
                 />
                 <div className="absolute inset-0 bg-gradient-to-br from-primary/80 to-primary-foreground/50" />