cambiar las imágenes. ej: mitología - la diosa isis; lectura - un libro abierto; música - un oboe y un piano; etimología - letras; idiomas - símbolo de la traducción y la palabra hola en diferentes idiomas. No quiero que aparezcan personas en las fotos del blog.

index.html

@@ -130,9 +130,9 @@ El mundo que me inspira y enriquece mi trabajo como traductora
                                 </p>
                             </div>
                             <div class="rounded-lg overflow-hidden shadow-xl">
-                                <img src="http://static.photos/education/1200x630/10" alt="Mitología" class="w-full h-full object-cover">
+                                <img src="https://images.unsplash.com/photo-1608889825103-eb5c3ef202cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&h=630&q=80" alt="Mitología - Diosa Isis" class="w-full h-full object-cover">
                             </div>
-                        </div>
+</div>
                     </div>
                     <!-- Reading Content -->
                     <div class="bg-white rounded-xl shadow-lg p-8 md:p-12 mb-12 hidden" data-category-content="lectura">
@@ -152,9 +152,9 @@ El mundo que me inspira y enriquece mi trabajo como traductora
                                 </p>
                             </div>
                             <div class="order-1 md:order-2 rounded-lg overflow-hidden shadow-xl">
-                                <img src="http://static.photos/education/1200x630/11" alt="Lectura" class="w-full h-full object-cover">
+                                <img src="https://images.unsplash.com/photo-1544947950-fa07a98d237f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&h=630&q=80" alt="Libro abierto" class="w-full h-full object-cover">
                             </div>
-                        </div>
+</div>
                     </div>
                     <!-- Music Content -->
                     <div class="bg-white rounded-xl shadow-lg p-8 md:p-12 mb-12 hidden" data-category-content="musica">
@@ -174,9 +174,9 @@ El mundo que me inspira y enriquece mi trabajo como traductora
                                 </p>
                             </div>
                             <div class="rounded-lg overflow-hidden shadow-xl">
-                                <img src="http://static.photos/music/1200x630/12" alt="Música" class="w-full h-full object-cover">
+                                <img src="https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&h=630&q=80" alt="Instrumentos musicales" class="w-full h-full object-cover">
                             </div>
-                        </div>
+</div>
                     </div>
                     <!-- Etymology Content -->
                     <div class="bg-white rounded-xl shadow-lg p-8 md:p-12 mb-12 hidden" data-category-content="etimologia">
@@ -196,9 +196,9 @@ El mundo que me inspira y enriquece mi trabajo como traductora
                                 </p>
                             </div>
                             <div class="order-1 md:order-2 rounded-lg overflow-hidden shadow-xl">
-                                <img src="http://static.photos/education/1200x630/13" alt="Etimología" class="w-full h-full object-cover">
+                                <img src="https://images.unsplash.com/photo-1541963463532-d68292c34b19?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&h=630&q=80" alt="Letras del alfabeto" class="w-full h-full object-cover">
                             </div>
-                        </div>
+</div>
                     </div>
                     <!-- Languages Content -->
                     <div class="bg-white rounded-xl shadow-lg p-8 md:p-12 mb-12 hidden" data-category-content="idiomas">
@@ -218,17 +218,17 @@ El mundo que me inspira y enriquece mi trabajo como traductora
                                 </p>
                             </div>
                             <div class="rounded-lg overflow-hidden shadow-xl">
-                                <img src="http://static.photos/education/1200x630/14" alt="Idiomas" class="w-full h-full object-cover">
+                                <img src="https://images.unsplash.com/photo-1542332213-31f87348057f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&h=630&q=80" alt="Símbolos de traducción" class="w-full h-full object-cover">
                             </div>
-                        </div>
+</div>
                     </div>
 <!-- Blog Posts Grid -->
                     <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
                         <!-- Blog Post 1 -->
                         <div class="bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 group cursor-pointer">
                             <div class="relative h-48 overflow-hidden">
-                                <img src="http://static.photos/education/640x360/1" alt="Blog post image" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300">
-                                <div class="absolute top-4 left-4 flex flex-wrap gap-2">
+                                <img src="https://images.unsplash.com/photo-1608889825103-eb5c3ef202cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=640&h=360&q=80" alt="Mitología - Diosa Isis" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300">
+<div class="absolute top-4 left-4 flex flex-wrap gap-2">
                                     <span class="bg-amber-700 text-white px-3 py-1 rounded-full text-xs font-medium">Mitología</span>
                                 </div>
                             </div>
@@ -253,8 +253,8 @@ El mundo que me inspira y enriquece mi trabajo como traductora
                         <!-- Blog Post 2 -->
                         <div class="bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 group cursor-pointer">
                             <div class="relative h-48 overflow-hidden">
-                                <img src="http://static.photos/technology/640x360/2" alt="Blog post image" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300">
-                                <div class="absolute top-4 left-4 flex flex-wrap gap-2">
+                                <img src="https://images.unsplash.com/photo-1542332213-31f87348057f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=640&h=360&q=80" alt="Símbolos de traducción" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300">
+<div class="absolute top-4 left-4 flex flex-wrap gap-2">
                                     <span class="bg-amber-700 text-white px-3 py-1 rounded-full text-xs font-medium">Tecnología</span>
                                 </div>
                             </div>
@@ -279,8 +279,8 @@ El mundo que me inspira y enriquece mi trabajo como traductora
                         <!-- Blog Post 3 -->
                         <div class="bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 group cursor-pointer">
                             <div class="relative h-48 overflow-hidden">
-                                <img src="http://static.photos/people/640x360/3" alt="Blog post image" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300">
-                                <div class="absolute top-4 left-4 flex flex-wrap gap-2">
+                                <img src="https://images.unsplash.com/photo-1541963463532-d68292c34b19?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=640&h=360&q=80" alt="Letras del alfabeto" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300">
+<div class="absolute top-4 left-4 flex flex-wrap gap-2">
                                     <span class="bg-amber-700 text-white px-3 py-1 rounded-full text-xs font-medium">Cultura</span>
                                 </div>
                             </div>