From 7be9be3e921d388f850fe1a04e0ecb7d9ff828c2 Mon Sep 17 00:00:00 2001
From: Andrea K <andrea.kyurchiev@flaxandteal.co.uk>
Date: Fri, 24 Jan 2025 13:37:28 +0200
Subject: [PATCH] fix: make the images fit the container

---
 themes/gathering-theme/assets/scss/_speaker.scss | 5 +++++
 themes/gathering-theme/layouts/index.html        | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/themes/gathering-theme/assets/scss/_speaker.scss b/themes/gathering-theme/assets/scss/_speaker.scss
index 38ab4c7..ca0f218 100644
--- a/themes/gathering-theme/assets/scss/_speaker.scss
+++ b/themes/gathering-theme/assets/scss/_speaker.scss
@@ -26,8 +26,13 @@
 		}
 	}
 
+	.mh-255{
+		max-height: 255px;
+	}
+
 	img{
 		border-radius: 5px;
+		max-height: 350px;
 	}
 
 	.speaker-social{
diff --git a/themes/gathering-theme/layouts/index.html b/themes/gathering-theme/layouts/index.html
index a8096ac..c46bc3f 100644
--- a/themes/gathering-theme/layouts/index.html
+++ b/themes/gathering-theme/layouts/index.html
@@ -191,8 +191,8 @@ <h2>{{ .title | markdownify }}</h2>
       {{ range (where .Site.RegularPages "Type" "speaker") }}
       <div class="col-lg-3 col-sm-6 col-6">
         <div class="speaker-block mb-5">
-          <div class="">
-            <img src="{{ .Params.Image | absURL }}" alt="{{ .Title }}" class="img-fluid">
+          <div class="mh-255">
+            <img src="{{ .Params.Image | absURL }}" alt="{{ .Title }}" class="img-fluid mh-255">
             <!--ul class="list-inline speaker-social">
               {{ range .Params.Social }}
               <li class="list-inline-item"><a href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>