From ba9989b87765c1e17a17ed8a62caaad8431331b6 Mon Sep 17 00:00:00 2001
From: Avery Felts <averyfelts@Averys-MacBook-Air.local>
Date: Tue, 27 Jan 2026 09:07:01 -0700
Subject: [PATCH] style: update product images to use circular (bubble)
 validation

---
 src/app/smoking-aids/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/smoking-aids/page.tsx b/src/app/smoking-aids/page.tsx
index c19fbfa..8814d60 100644
--- a/src/app/smoking-aids/page.tsx
+++ b/src/app/smoking-aids/page.tsx
@@ -102,7 +102,7 @@ export default function SmokingAidsPage() {
                             <div className="flex flex-col sm:flex-row h-full relative z-10">
                                 {/* Image Section - Top on mobile, Left on desktop */}
                                 <div className="relative w-full sm:w-2/5 h-64 sm:h-auto bg-gradient-to-br from-white/5 to-white/0 p-6 flex items-center justify-center shrink-0">
-                                    <div className="relative w-full h-full sm:w-40 sm:h-40 transition-transform duration-500 group-hover:scale-105">
+                                    <div className="relative w-40 h-40 sm:w-48 sm:h-48 transition-transform duration-500 group-hover:scale-105 bg-white rounded-full p-4 shadow-lg flex items-center justify-center">
                                         <Image
                                             src={item.image}
                                             alt={item.title}