Update layout TeamMember

Author: apusok

src/components/sections/heros/TeamMember.astro

@@ -27,17 +27,17 @@ const { reversed } = Astro.props;
 		margin: var(--section-margin) auto;
 		min-height: clamp(90vh, 100vw, calc(100vh - var(--navbar-height)));
 		display: grid;
-		grid-template-columns: 1fr 1fr;
-		align-items: left;
-		gap: 0rem;
+		grid-template-columns: 15% 85%;
+		align-items: center;
+		gap: 2rem;
 	}
 	.text-and-image__section--reversed .text-and-image__text {
 		order: 2;
 	}
 	.text-and-image__text {
 		padding: 0rem 0;
 		justify-self: left;
-		max-width: 25rem;
+		max-width: 50rem;
 	}
 	.text-and-image__image :global(img) {
 		width: 100%;
@@ -48,11 +48,11 @@ const { reversed } = Astro.props;
 	}
 	@media (max-width: 768px) {
 		.text-and-image__section {
-			margin: 2rem auto 0 auto;
+			margin: 1rem auto 0 auto;
 			grid-template-columns: 1fr;
 		}
 		.text-and-image__text {
-			padding: 2rem 0;
+			padding: 1rem 0;
 		}
 	}
 </style>

src/pages/apusok/software.astro

@@ -23,7 +23,7 @@ const seo = {
 
 			<p class="h_theme"> Primary development of </p>
 			<TeamMember reversed>
-				<div slot="text-container" style="margin-left: -230px;">
+				<div slot="text-container">
 					<h3 class="h_theme">FD-PDE Framework</h3>
 						<ul class="h_theme">
 							<li>The FD-PDE framework uses finite difference staggered grids for solving partial differential equations (PDEs) 
@@ -38,7 +38,7 @@ const seo = {
 							<Icon name="ic:baseline-chevron-right" />
 						</Fragment></Button>
 				</div>
-				<picture slot="image-container" style="width: 40%;">
+				<picture slot="image-container" style="width: 80%;">
 					<img 
 						src="../../../assets/img/logo_transparent_small.png"
 						alt="author"
@@ -62,7 +62,7 @@ const seo = {
 							<Icon name="ic:baseline-chevron-right" />
 						</Fragment></Button>
 				</div>
-				<picture slot="image-container">
+				<picture slot="image-container" style="width: 80%;">
 					<img 
 						src="../../../assets/img/logo_transparent_small.png"
 						alt="author"

src/pages/apusok/team.astro

@@ -32,7 +32,7 @@ const seo = {
 						Email: <a class="a_theme" href="mailto:[email protected]" rel="nofollow">[email protected]</a>
 					</h4>
 				</div>
-				<picture slot="image-container" style="width: 40%;">
+				<picture slot="image-container">
 					<img 
 						src="../../../assets/img/profile2020.jpg"
 						alt="author"
@@ -49,7 +49,7 @@ const seo = {
 							<li>Melt extraction across the lithosphere</li>
 						</ul>
 				</div>
-				<picture slot="image-container" style="width: 40%;">
+				<picture slot="image-container">
 					<img 
 						src="../../../assets/img/dandelion-seed.jpeg"
 						alt="OceanMelt"
@@ -66,7 +66,7 @@ const seo = {
 							<li>Formation of conjugate strike-slip fault systems</li>
 						</ul>
 				</div>
-				<picture slot="image-container" style="width: 40%;">
+				<picture slot="image-container">
 					<img 
 						src="../../../assets/img/dandelion-seed.jpeg"
 						alt="OceanMelt"