diff --git a/frontend/App.vue b/frontend/App.vue
index f6f7835..19f614d 100644
--- a/frontend/App.vue
+++ b/frontend/App.vue
@@ -11,6 +11,21 @@
       Loading ...
     </span>
   </button>
+
+	<div v-if="current_item && wd_item.image_list.length" class="modal fade" id="imageModal" tabindex="-1">
+		<div class="modal-dialog modal-dialog-centered modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h5 class="modal-title">Image from Wikidata</h5>
+					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+				</div>
+				<div class="modal-body">
+          <img class="img-fluid" :src="api_base_url + '/commons/' + wd_item.image_list[0]">
+				</div>
+			</div>
+		</div>
+	</div>
+
   <div id="sidebar">
 
     <div v-if="!current_item">
@@ -115,7 +130,13 @@
           </span>
 
           <span v-if="wd_item.image_list.length">
-            <img class="w-100" :src="api_base_url + '/commons/' + wd_item.image_list[0]">
+            <a href="#" data-bs-toggle="modal" data-bs-target="#imageModal">
+              <img class="w-100" :src="api_base_url + '/commons/' + wd_item.image_list[0]">
+            </a>
+            <br/>
+            <a href="#" data-bs-toggle="modal" data-bs-target="#imageModal">
+              enlarge image
+            </a>
           </span>
 
         </div></div>
diff --git a/templates/map.html b/templates/map.html
index 8ff72cd..5aaded9 100644
--- a/templates/map.html
+++ b/templates/map.html
@@ -12,6 +12,7 @@
   <body>
     <div id="app"></div>
 
+    <script src="https://unpkg.com/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
     <script type="module">
       import { createApp } from "https://cdn.skypack.dev/vue@^3.0.11";
       import App from {{ url_for('static', filename='snowpack/App.vue.js') | tojson }};
