Rolling back carousel to Bootstrap 4

Author: k-sidorov

_layouts/about.liquid

@@ -33,23 +33,23 @@ layout: default
       <div class="carousel-item text-center p-4 container active">
         <div class="row align-items-center">
           <div class="col-md-2">
-            <img src="{{ assets/img/testimonials-maarten-flippo.jpg | relative_url }}">
+            <img src="{% link /assets/img/testimonials-maarten-flippo.jpg %}">
           </div>
           <div class="col">
             <p>The MOO is a great event which really helps to discover new papers. The discussions are a valuable addition which help to digest the presented contributions.</p>
             <h3>Maarten Flippo</h3>
             <footer>
               <p>PhD candidate, TU Delft</p>
-              <a href="https://maartenflippo.com/" class="btn btn-outline-primary"> <i class="fa-solid fa-globe"></i> </a>
-              <a href="https://www.linkedin.com/in/maarten-flippo" class="btn btn-outline-primary"> <i class="fa-brands fa-linkedin"></i> </a>
+              <a href="https://maartenflippo.com/" class="btn btn-primary"> <i class="fa-solid fa-globe"></i> </a>
+              <a href="https://www.linkedin.com/in/maarten-flippo" class="btn btn-primary"> <i class="fa-brands fa-linkedin"></i> </a>
             </footer>
           </div>
         </div>
       </div>
       <div class="carousel-item text-center p-4 container">
         <div class="row align-items-center">
           <div class="col-md-2">
-            <img src="{{ assets/img/testimonials-dennis-sprokholt.webp | relative_url }}">
+            <img src="{% link /assets/img/testimonials-dennis-sprokholt.webp %}">
           </div>
           <div class="col">
             <p>I presented a paper intersecting with formal verification. While initially concerned this topic was too foreign to the group's interests, they actively connected it to their perspective, sparking an exciting conversation. In particular, the discussion resulted in a successful joint AIDM course project.</p>
@@ -62,14 +62,14 @@ layout: default
         </div>
       </div>
     </div>
-    <button class="carousel-control-prev" type="button" data-bs-target="#testimonials" data-bs-slide="prev">
+    <a class="carousel-control-prev" role="button" href="#testimonials" data-slide="prev">
       <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-      <span class="visually-hidden">Previous</span>
-    </button>
-    <button class="carousel-control-next" type="button" data-bs-target="#testimonials" data-bs-slide="next">
+      <span class="sr-only">Previous</span>
+    </a>
+    <a class="carousel-control-next" role="button" href="#testimonials" data-slide="next">
       <span class="carousel-control-next-icon" aria-hidden="true"></span>
-      <span class="visually-hidden">Next</span>
-    </button>
+      <span class="sr-only">Next</span>
+    </a>
   </div>
   <!-- </main></div> -->