style: update product images to use circular (bubble) validation

This commit is contained in:
Avery Felts 2026-01-27 09:07:01 -07:00
parent f769a79d91
commit ba9989b877

View File

@ -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}