style: update product images to use circular (bubble) validation
This commit is contained in:
parent
f769a79d91
commit
ba9989b877
@ -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}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user