💄 add image to chapter 5

src/app/app.component.html

@@ -87,7 +87,7 @@ Link to the “The Policy Options Explorer” (pages of Runar and Antoni, or sep
       <li>cultural.</li>
     </ul>
 
-    <p>This minimum agreement provided the basis for the development of a Rural Attractiveness Index. This index is made
+    <p>This minimum agreement provided the basis for the development of a <strong>Rural Attractiveness Index</strong>. This index is made
       up of 6 sub-indices - one sub-index for each of the generally relevant areas mentioned above. Each of the
       sub-indices includes a number of sub-sub indices, e.g. the social sub-index could include sub-sub indices
       measuring the age composition or unemployment rate of the population in a region.
@@ -102,7 +102,10 @@ Link to the “The Policy Options Explorer” (pages of Runar and Antoni, or sep
       Explorer as a value of the Rural Attractiveness Index and visualise the results of that in different ways. For
       this purpose, we adapted the Rural Attractiveness Index to fit with the Policy Options Explorer as follows
       (notably, the version of the Rural Attractiveness Index used here consists of only 4 instead of 6 sub-indices):
-      <!-- TODO: image here -->
+      <figure>
+        <img src="../assets/rai-composition.png" class="img-fluid">
+        <figcaption>Composition of the Rural Attractiveness Index used in the Rural Attractiveness Explorer</figcaption>
+      </figure>
     </p>
     <!-- 
 Links to RA related project deliverables

src/styles.scss

@@ -5,6 +5,7 @@
 @import "bootstrap/scss/utilities";
 @import "bootstrap/scss/offcanvas";
 @import "bootstrap/scss/close";
+@import "bootstrap/scss/images";
 
 html, body {
   position: relative;