Update public/ki-kompetenzen.html

public/ki-kompetenzen.html

@@ -80,8 +80,9 @@ html lang="en">
         <div class="col-md-6 d-flex flex-column h-100">
           <h3>KI-Zertifikat: Prozess</h3>
           <p>Da viele Studierende eine strukturierte Rückmeldung zum eigenen Lernstand wünschen, wurde ein klarer Prozess für den Erwerb des <strong>KI-Zertifikats</strong> entwickelt.</p>
-          <div class="image-frame">
-            <img src="assets/img/ap1-kiprozess.PNG" alt="Prozess des KI-Zertifikats" class="img-fluid">
+          <div>
+            <img src="assets/img/ap1-kiprozess.PNG" alt="Prozess des KI-Zertifikats"  class="img-fluid rounded"
+                        style="max-height: 360px; width: auto; display: block; margin-left: auto; margin-right: auto;">
           </div>
           <p>Wer in einem der vier Bereiche eine festgelegte Punktzahl erreicht, kann diesen als <strong>zertifizierten Schwerpunkt</strong> dokumentieren lassen.</p>
         </div>
@@ -93,15 +94,19 @@ html lang="en">
         <div class="col-md-6 d-flex flex-column h-100">
           <h3>Iterative Weiterentwicklung</h3>
           <p>Da sich KI-Technologien und gesellschaftliche Anforderungen stetig verändern, wird die Matrix kontinuierlich evaluiert und weiterentwickelt.</p>
-          <div class="image-frame">
-            <img src="assets/img/ap1-weiterentwicklung.PNG" alt="Weiterentwicklung KI-Matrix" class="img-fluid">
+          <div>
+            <img src="assets/img/ap1-weiterentwicklung.PNG" alt="Weiterentwicklung KI-Matrix"  class="img-fluid rounded"
+                        style="max-height: 360px; width: auto; display: block; margin-left: auto; margin-right: auto;">
           </div>
+
+          
         </div>
         <div class="col-md-6 d-flex flex-column h-100">
           <h3>KI-Plattform (Konzept)</h3>
           <p>Um den Zertifikatsprozess zu digitalisieren und individuelle Lernpfade besser zu unterstützen, wurde eine konzeptionelle <strong>KI-Plattform</strong> entworfen.</p>
-          <div class="image-frame">
-            <img src="assets/img/ap1-kiplatform.png" alt="KI-Plattform Konzept" class="img-fluid">
+          <div>
+            <img src="assets/img/ap1-kiplatform.png" alt="KI-Plattform Konzept"  class="img-fluid rounded"
+                        style="max-height: 360px; width: auto; display: block; margin-left: auto; margin-right: auto;">
           </div>
         </div>
       </div>