diff --git a/assets/css/src/hero.css b/assets/css/src/hero.css
index 65b81f4..21c4536 100644
--- a/assets/css/src/hero.css
+++ b/assets/css/src/hero.css
@@ -1,10 +1,11 @@
 .hero {
+  --empty-space: 11.9rem;
   background-color: var(--color-beige-light);
   --padding-vertical: calc(var(--space-m) / 1.5);
   display: grid;
   grid-template-columns: 1.6fr 3fr;
   column-gap: calc(var(--space-m) / 1.5);
-  height: calc(100vh - 12rem);
+  height: calc(100vh - var(--empty-space));
 }
 
 .hero__text {
@@ -48,7 +49,7 @@
 }
 
 .hero__image {
-  height: calc(100vh - 12rem - 2 * var(--padding-vertical));
+  height: calc(100vh - var(--empty-space) - 2 * var(--padding-vertical));
 }
 
 .hero__image picture {