fix: rounding on commission images

Author: KodingDev

src/app/art/[artist]/[slug]/page.tsx

@@ -76,9 +76,12 @@ export default async function CommissionPage({ params }: PageProps<"/art/[artist
         {/* Images */}
         <div className="grid grid-cols-1 gap-4 md:grid-cols-3">
           {commission.images.map((image, idx) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: Needed
-            <div key={idx} className="flex size-full flex-col items-center justify-center bg-primary-700">
-              <Image src={image} alt={commission.title} className="rounded-md object-cover object-center" />
+            <div
+              // biome-ignore lint/suspicious/noArrayIndexKey: Needed
+              key={idx}
+              className="flex size-full flex-col items-center justify-center overflow-clip rounded-md bg-primary-700"
+            >
+              <Image src={image} alt={commission.title} className="object-cover object-center" />
             </div>
           ))}
         </div>