diff --git a/plants/templates/plants/partials/photo_gallery.html b/plants/templates/plants/partials/photo_gallery.html
index 69a8363..a59ec96 100644
--- a/plants/templates/plants/partials/photo_gallery.html
+++ b/plants/templates/plants/partials/photo_gallery.html
@@ -45,3 +45,15 @@
         </div>
     </form>
 </div>
+
+{% if request.htmx %}
+<div id="plant-hero-container" hx-swap-oob="true">
+{% if plant.species and plant.species.api_image_url %}
+<img src="{{ plant.species.api_image_url }}" class="plant-hero rounded mb-3" alt="{{ plant.species.common_name }}">
+{% elif plant.thumbnail_url %}
+<img src="{{ plant.thumbnail_url }}" class="plant-hero rounded mb-3" alt="{{ plant.name }}">
+{% else %}
+<div class="plant-hero-placeholder rounded mb-3">🌿</div>
+{% endif %}
+</div>
+{% endif %}