Update wiki/pages/achievements.html

wiki/pages/achievements.html

@@ -4,6 +4,26 @@
 {% block image %}https://static.igem.wiki/teams/4387/wiki/header.jpg{% endblock %}
 {% block lead %}{% endblock %}
 
+<style>
+  div.stretchy-wrapper {
+    background-color: var(--bs-gray-100);
+    position: relative;
+    width: 100%;
+    padding-top: 56.25%; /* 16:9 Aspect Ratio */
+  }
+
+  div.stretchy-wrapper > div {
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      right: 0;
+      background-size: contain;
+      background-repeat: no-repeat;
+      background-position: center center;
+  }
+</style>
+
 
 
 {% block page_content %}
@@ -101,17 +121,17 @@
 </div>
 
 
-        {% set slider_images = [
-            {"src": "https://static.igem.wiki/teams/4387/wiki/jamboree-3.jpg", "alt": "image1"},
-            {"src": "https://static.igem.wiki/teams/4387/wiki/group-pic-happy.jpg", "alt": "image2"},
-            {"src": "https://static.igem.wiki/teams/4387/wiki/fluorescent.jpeg", "alt": "image3"},
-            {"src": "https://static.igem.wiki/teams/4387/wiki/wet-lab-1.jpg", "alt": "image4"},
-            {"src": "https://static.igem.wiki/teams/4387/wiki/wet-lab-2.jpg", "alt": "image5"},
-            {"src": "https://static.igem.wiki/teams/4387/wiki/patient-ws-brochure.jpg", "alt": "image6"},
-            {"src": "https://static.igem.wiki/teams/4387/wiki/synbio-scene-21.jpg", "alt": "image7"},
-            {"src": "https://static.igem.wiki/teams/4387/wiki/minimalist-ibd-nanobiotics.png", "alt": "image8"},
-          ]
-        %}
+{% set slider_images = [
+  {"src": "https://static.igem.wiki/teams/4387/wiki/jamboree-3.jpg", "alt": "image1"},
+  {"src": "https://static.igem.wiki/teams/4387/wiki/group-pic-happy.jpg", "alt": "image2"},
+  {"src": "https://static.igem.wiki/teams/4387/wiki/fluorescent.jpeg", "alt": "image3"},
+  {"src": "https://static.igem.wiki/teams/4387/wiki/wet-lab-1.jpg", "alt": "image4"},
+  {"src": "https://static.igem.wiki/teams/4387/wiki/wet-lab-2.jpg", "alt": "image5"},
+  {"src": "https://static.igem.wiki/teams/4387/wiki/patient-ws-brochure.jpg", "alt": "image6"},
+  {"src": "https://static.igem.wiki/teams/4387/wiki/synbio-scene-21.jpg", "alt": "image7"},
+  {"src": "https://static.igem.wiki/teams/4387/wiki/minimalist-ibd-nanobiotics.png", "alt": "image8"},
+  ]
+%}
 
 <div class="row justify-content-center px-3">
     <div class="col-12 col-md-9 col-lg-6 mb-3">
@@ -145,6 +165,7 @@
     </div>
 </div>
 
+
 <h1>Medal Requirements</h1>
 
 <hr>