[Team] Fix margins and sizes to scale team images uniformly

visgroup/themes/ananke-adapted/layouts/shortcodes/one-team-member-small.html

 
 
 <div style="
-	width: 50%;
-	margin-left: 15px;
-	margin-right: 15px;
+	width: 15%;
+	margin-left: 2%;
+	margin-right: 2%;
 	padding: 0px;
-	display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 12px;
+	display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 0.7rem;
 	">
 
 	<center>
 
+		<div style="margin-top: 0px;">
 		<a href={{.Get "anchor-link"}}>
 		<img style="" src="{{ .Get "image" }}" alt="{{ .Get "name" }}" />
 		</a>
+		</div>
 
-		<h3 style="margin:0; padding:0;"> {{ .Get "name"}} </h3>
+		<div>
+		<p style="margin:0; padding:0;"> {{ .Get "name"}} </p>
+		</div>
 
 	</center>
 

visgroup/themes/ananke-adapted/layouts/shortcodes/team-gallery.html

 
 <br>
 
-<div style="height:100px; padding:30px; margin-top: 30px; margin-bottom: 30px; display:flex; flex-direction: row; justify-content: center; align-items: center;">
+<div style="height:100px; padding:0rem; margin-top: 0px; margin-bottom: 30px; display:flex; flex-direction: row; justify-content: center; align-items: flex-start;">
 
 {{ .Inner }}
 
 </div>
 
+<br>
 <br>
 <br>
\ No newline at end of file