diff --git a/frappe/website/web_template/hero_with_right_image/hero_with_right_image.html b/frappe/website/web_template/hero_with_right_image/hero_with_right_image.html
index 11d49eb287..8efc46a1b7 100644
--- a/frappe/website/web_template/hero_with_right_image/hero_with_right_image.html
+++ b/frappe/website/web_template/hero_with_right_image/hero_with_right_image.html
@@ -23,7 +23,7 @@
 	</div>
 	{%- if image -%}
 	{{ c('image_with_blur',
-		class=["hidden md:block", "w-full md:w-6/12" if contain_image else "md:max-w-md lg:max-w-lg xl:max-w-xl xxl:max-w-2xl"],
+		class=["hidden md:block max-h-144", "w-full md:w-6/12" if contain_image else "md:max-w-md lg:max-w-lg xl:max-w-xl xxl:max-w-2xl"],
 		src=image,
 		alt="")
 	}}
diff --git a/tailwind.config.js b/tailwind.config.js
index e75ff16e85..03678ee166 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -46,6 +46,9 @@ module.exports = {
 			borderRadius: {
 				xl: '0.75rem'
 			},
+			maxHeight: {
+				'144': '36rem'
+			},
 			boxShadow: theme => ({
 				'outline-primary': `0 0 0 3px ${rgba(theme('colors.blue.300'), 0.45)}`
 			}),