Aplico cambios en el popup por carga incorrecta de imagenes

index.html

@@ -540,9 +540,13 @@ Arrecifes de coral, vistas al océano, playas de arena blanca. Cada rincón es i
                 const popupContent = `
                     <div class="custom-popup w-64">
                         <div class="flex items-start">
-                            <div class="flex-shrink-0 h-16 w-16 rounded-md overflow-hidden bg-gray-200">
-                                <img src="${location.image}" alt="${location.name}" class="h-full w-full object-cover">
-                            </div>
+                           <div class="h-24 w-32 rounded-md overflow-hidden bg-gray-200 flex items-center justify-center">
+                            <img src="${location.image}" 
+                             alt="${location.name}" 
+                             class="w-full h-full object-cover"
+                             onload="this.closest('.leaflet-popup-content-wrapper').style.height='auto';"
+                             onerror="this.style.display='none'">
+                    </div>
                             <div class="ml-4">
                                 <h3 class="text-lg font-medium text-gray-900">${location.name}</h3>
                                 <div class="flex items-center mt-1">