From 59f69e82735870a49fb660ba1a0a3b01eae4ec4c Mon Sep 17 00:00:00 2001
From: Peter Maquiran <maquiranpeter29@gmail.com>
Date: Sun, 5 Apr 2026 00:10:22 +0100
Subject: [PATCH] fix image container

---
 app/components/tvone-content.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/components/tvone-content.tsx b/app/components/tvone-content.tsx
index 631d670..8c59559 100644
--- a/app/components/tvone-content.tsx
+++ b/app/components/tvone-content.tsx
@@ -174,9 +174,15 @@ export function TvoneMainColumns() {
         <ul className="flex flex-col gap-6">
           {recentes.map((item) => (
             <li key={item.title}>
-              <Link href="#" className="group flex gap-4 p-1 transition">
-                <div className="relative h-25 w-38 shrink-0 overflow-hidden  sm:h-45 sm:w-76">
-                  <Image src={item.img} alt="" fill className="object-cover" sizes="144px" />
+              <Link href="#" className="group flex items-start gap-4 p-1 transition">
+                <div className="relative w-40 md:w-60 shrink-0 aspect-[16/9] bg-red-500">
+                  <Image 
+                    src={item.img} 
+                    alt="" 
+                    fill 
+                    className="object-cover" 
+                    sizes="(max-width: 1200px) 100vw, 1200px" 
+                  />
                 </div>
                 <div className="min-w-0 flex-1">
                   <span className={`inline-block rounded px-2 py-0.5 text-[10px] font-bold uppercase tracking-wide ${item.catBg}`}>