Update templates/message.html

templates/message.html

@@ -1,18 +1,20 @@
-{% extends 'base.html' %}
+{% extends "base.html" %}
+
 {% block content %}
+<div class="container">
+  <div class="message-container">
     <h1>Happy Birthday, Manavi!</h1>
     <p>Little Krishna has a special message for you!</p>
-    <div id="birthday-message">
-        {{ birthday_message }}
-    </div>
-    <div id="gift-suggestions">
-        <h2>Krishna’s Gift Ideas for You!</h2>
-        <ul>
-            {% for suggestion in gift_suggestions %}
-                <li>{{ suggestion }}</li>
-            {% endfor %}
-        </ul>
-    </div>
-    <img id="birthday-image" src="{{ birthday_image_url }}" alt="Krishna Birthday Image">
-    <lottie-player src="/static/assets/krishna-lottie.json" background="transparent" speed="1" style="width: 300px; height: 300px; margin: 0 auto;" loop autoplay></lottie-player>
+    <p>{{ birthday_message }}</p>
+
+    <h2>Krishna’s Gift Ideas for You!</h2>
+    <ul>
+      {% for gift in gift_suggestions %}
+        <li>{{ gift }}</li>
+      {% endfor %}
+    </ul>
+
+    <img src="{{ birthday_image_url }}" alt="Little Krishna celebrating Manavi’s birthday" />
+  </div>
+</div>
 {% endblock %}