add more rando

src/components/portfolio/ImageCard.tsx

@@ -56,7 +56,7 @@ export function ImageCard(props: ImageCardProps) {
   return (
     <div
       className={cn(
-        "overflow-hidden rounded-md",
+        "overflow-hidden",
         isSquare && "aspect-square shadow-sm hover:scale-[1.01] transition-transform",
         isMosaic && "w-full h-full"
       )}

src/components/portfolio/JustifiedGallery.tsx

@@ -33,14 +33,14 @@ export function JustifiedGallery({ images, rowHeight = 200, gap = 4 }: Props) {
   }, [images, containerWidth, rowHeight, gap]);
 
   return (
-    <div ref={containerRef} className="w-full">
+    <div ref={containerRef} className="w-full flex flex-col" style={{ rowGap: `${gap}px` }}>
       {rows.length === 0 && (
         <p className="text-muted-foreground text-center py-20">No images to display</p>
       )}
       {rows.map((row, i) => (
         <div
           key={i}
-          className="flex mb-4" // Vertical gap between rows
+          className="flex" // Vertical gap between rows
           style={{ columnGap: `${gap}px` }} // Horizontal gap between images
         >
           {row.map((img) => (