diff --git a/templates/page_with_carousel.html b/templates/page_with_carousel.html
index f3bdb78f91e14b26fb84241bd117d22fd9cd10d4..f42b9164e07b2329572fbf58c48d7e34b623dc5b 100644
--- a/templates/page_with_carousel.html
+++ b/templates/page_with_carousel.html
@@ -3,13 +3,14 @@
 {% block template_content %}
     <div id="myCarousel" class="carousel slide" data-ride="carousel">
         <div class="carousel-inner">
-            {% for text, image in CAROUSEL_ITEMS %}
-                <div class="item {% if loop.first %} active {% endif %}">
-                    <img class="center-block carousel-image" src="{{ image }}" alt="{{ text }}">
-                    <div class="carousel-caption d-none d-md-block">
-                        <h3>{{ text }}</h3>
+            {% for item in page.images %}
+                {% set image = item.split('|') %}
+                    <div class="item {% if loop.first %} active {% endif %}">
+                        <img class="center-block carousel-image" src="{{ image[1] }}" alt="{{ image[0] }}">
+                        <div class="carousel-caption d-none d-md-block">
+                            <h3>{{ image[0] }}</h3>
+                        </div>
                     </div>
-                </div>
              {% endfor %}
         </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev">