s3

frontend/src/components/ItemMarkerInfo.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Item } from '../types';
+import { getPublicImageUrl } from '../services/uploadService';
 
 interface ItemMarkerInfoProps {
   item: Item;
@@ -31,12 +32,13 @@ const ItemMarkerInfo: React.FC<ItemMarkerInfoProps> = ({ item, onViewDetails })
       <div className="card border-0">
         {item.imageFilenames && item.imageFilenames[0] ? (
           <img
-            src={item.imageFilenames[0]}
+            src={getPublicImageUrl(item.imageFilenames[0])}
             className="card-img-top"
             alt={item.name}
-            style={{ 
-              height: '120px', 
-              objectFit: 'cover',
+            style={{
+              height: '120px',
+              objectFit: 'contain',
+              backgroundColor: '#f8f9fa',
               borderRadius: '8px 8px 0 0'
             }}
           />