add photos

Author: viktorpm

assets/css/style.css

@@ -555,21 +555,73 @@ body {
   margin-top: 30px;
 }
 
+.members-section {
+  margin-bottom: 50px;
+}
+
+.members-section h3 {
+  font-size: 24px;
+  font-weight: 600;
+  margin-bottom: 30px;
+  color: #000;
+  border-bottom: 2px solid #1E90FF;
+  padding-bottom: 10px;
+}
+
 .member-card {
   background: #f8f8f8;
-  padding: 30px;
+  padding: 20px;
   border-radius: 8px;
+  text-align: center;
+  transition: transform 0.2s, box-shadow 0.2s;
 }
 
-.member-card h4 {
-  font-size: 20px;
-  font-weight: 600;
+.member-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+}
+
+.member-photo {
   margin-bottom: 15px;
+}
+
+.member-image {
+  width: 120px;
+  height: 120px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 3px solid #fff;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+.member-placeholder {
+  width: 120px;
+  height: 120px;
+  border-radius: 50%;
+  background: #e0e0e0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto;
+  color: #666;
+  font-size: 12px;
+  font-weight: 500;
+  border: 3px solid #fff;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+.member-info h4 {
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 8px;
   color: #000;
 }
 
-.member-card p {
-  line-height: 1.6;
+.member-title {
+  font-size: 14px;
+  color: #666;
+  margin: 0;
+  line-height: 1.4;
 }
 
 .member-card a {