Merge pull request #158 from Brainhack-Donostia/BHD2025

made images circular now despite if source is square or not

Author: marco7877

_includes/css/agency.css

@@ -502,20 +502,27 @@ section h3.section-subheading {
 }
 
 .timeline>li .timeline-image {
-    z-index: 100;
-    position: absolute;
-    left: 0;
-    width: 80px;
-    height: 80px;
-    margin-left: 0;
-    border: 7px solid #f1f1f1;
-    border-radius: 100%;
-    text-align: justify;
-    text-align-last:center;
-    color: #fff;
-    background-color: #000;
+  position: absolute;
+  left: 0;
+  width: 170px;
+  height: 170px;
+  margin-left: 0;
+  border: 7px solid #f1f1f1;
+  border-radius: 50%;
+  background-color: #000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  z-index: 100;}
+
+.timeline>li .timeline-image img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover; /* Crops to fill the circle */
 }
 
+
 .timeline>li .timeline-image h4 {
     margin-top: 12px;
     font-size: 10px;