Update public/index.html, public/assets/css/main.css

public/assets/css/main.css

@@ -1789,6 +1789,10 @@ section,
   overflow: hidden;
   width: 200px; /* Set your desired width */
   height: 200px; /* Set your desired height */
+  margin: 0 auto; /* zentriert das Quadrat innerhalb des Parent-Elements */
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 /*

public/index.html

@@ -766,19 +766,19 @@
             <div class="col-4">
 
               <div class="team-member">
-                <div class="member-img">
-                  <img src="assets/img/team/DieterUckelmann.png" class="img-fluid" alt="Prof. Dr.-Ing. Dieter Uckelmann">
-                </div>
-                <div class="member-info">
-                  <h4>
-                    <a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" target="_blank" style="text-decoration: none; color: inherit;">
-                      Prof. Dr.-Ing. Dieter Uckelmann
-                    </a>
-                  </h4>
-                  <span>Professor / Wissenschaftlicher Direktor</span>
+                  <div class="member-img">
+                    <img src="assets/img/team/DieterUckelmann.png" class="img-fluid" alt="Prof. Dr.-Ing. Dieter Uckelmann">
+                  </div>
+                  <div class="member-info">
+                    <h4>
+                      <a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" target="_blank" style="text-decoration: none; color: inherit;">
+                        Prof. Dr.-Ing. Dieter Uckelmann
+                      </a>
+                    </h4>
+                    <span>Professor / Wissenschaftlicher Direktor</span>
+                  </div>
                 </div>
               </div>
-              </div>
 
             <div class="col-4" >