diff --git a/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/index.tsx b/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/index.tsx
index 21ca2b336..ed9a96f18 100644
--- a/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/index.tsx
+++ b/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/index.tsx
@@ -21,9 +21,15 @@ export default async function MeetingsAndConferencesSidePeek({
 }: MeetingsAndConferencesSidePeekProps) {
   const lang = getLang()
   const intl = await getIntl()
-  const mainImage = meetingFacilities?.heroImages[0].imageSizes.medium
-  const altText =
-    meetingFacilities?.heroImages[0].metaData.altText ||
+
+  const primaryImage = meetingFacilities?.heroImages[0]?.imageSizes.medium
+  const primaryAltText =
+    meetingFacilities?.heroImages[0]?.metaData.altText ||
+    intl.formatMessage({ id: "Creative spaces for meetings" })
+
+  const secondaryImage = meetingFacilities?.heroImages[1]?.imageSizes.medium
+  const secondaryAltText =
+    meetingFacilities?.heroImages[1]?.metaData.altText ||
     intl.formatMessage({ id: "Creative spaces for meetings" })
 
   return (
@@ -37,24 +43,29 @@ export default async function MeetingsAndConferencesSidePeek({
             {intl.formatMessage({ id: "Creative spaces for meetings" })}
           </Title>
         </Subtitle>
-        {mainImage && (
-          <Image
-            src={mainImage}
-            alt={altText}
-            height={300}
-            width={200}
-            className={styles.image}
-          />
+        {primaryImage && (
+          <div className={secondaryImage ? styles.imageContainer : ""}>
+            <Image
+              src={primaryImage}
+              alt={primaryAltText}
+              height={300}
+              width={200}
+              className={styles.image}
+            />
+            {secondaryImage && (
+              <Image
+                src={secondaryImage}
+                alt={secondaryAltText}
+                height={300}
+                width={200}
+                className={styles.image}
+              />
+            )}
+          </div>
+        )}
+        {descriptions?.medium && (
+          <Body color="uiTextHighContrast">{descriptions.medium}</Body>
         )}
-        <Body color="uiTextHighContrast">{descriptions.medium}</Body>
-        <div>
-          <Body color="uiTextMediumContrast">
-            [Min to Max capacity square meter info]
-          </Body>
-          <Body color="uiTextMediumContrast">
-            [Min to Max capacity persons info]
-          </Body>
-        </div>
         {link && (
           <div className={styles.buttonContainer}>
             <Button fullWidth theme="base" intent="secondary" asChild>
diff --git a/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css b/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css
index 058c7338b..a8cf8b7aa 100644
--- a/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css
+++ b/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css
@@ -6,6 +6,12 @@
   ); /* Creates space between the wrapper and buttonContainer */
 }
 
+.imageContainer {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--Spacing-x2);
+}
+
 .image {
   width: 100%;
   height: 240px;
