update blog images

templates/section.html

@@ -28,6 +28,11 @@
 <div class="mt-8 grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
     {% for page in section.pages %}
         <a href="{{ page.permalink }}" class="bg-white overflow-hidden shadow rounded-lg hover:shadow-lg transition-shadow duration-300">
+            {% if page.extra.image %}
+                <div class="h-48 w-full overflow-hidden">
+                    <img src="{{ page.extra.image }}" alt="{{ page.title }}" class="w-full h-full object-cover">
+                </div>
+            {% endif %}
             <div class="px-4 py-5 sm:p-6">
                 <h3 class="text-lg font-medium text-gray-900 truncate">{{ page.title }}</h3>
                 {% if page.description %}