From c763ea22ad627195606c78a64065938a7e98c683 Mon Sep 17 00:00:00 2001
From: Brylie Christopher Oxley <brylie@protonmail.com>
Date: Mon, 9 Sep 2024 17:38:27 +0000
Subject: [PATCH] Improve cover image rendering

---
 app/lessons/templates/lessons/chat_lesson.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/lessons/templates/lessons/chat_lesson.html b/app/lessons/templates/lessons/chat_lesson.html
index d35412a..37e4e04 100644
--- a/app/lessons/templates/lessons/chat_lesson.html
+++ b/app/lessons/templates/lessons/chat_lesson.html
@@ -40,7 +40,8 @@ <h1 class="mb-4">{{ page.title }}</h1>
             {% if page.cover_photo %}
                 <div class="mb-4 position-relative">
                     <div class="image-container">
-                        {% image page.cover_photo width-1200 class="img-fluid rounded w-100" alt=_("Cover image for {{ page.title }}") %}
+                        {% image page.cover_photo width-1200 as cover_image %}
+                        <img src="{{ cover_image.url }}" class="img-fluid rounded w-100" alt="{% translate 'Cover image for' %} {{ page.title }}" width="{{ cover_image.width }}" height="{{ cover_image.height }}">
                     </div>
                     <div id="chat-bubble" class="chat-bubble">
                         <div id="chat-content"></div>