add spacer

app/views/sections/_section_half_right.haml

@@ -1,5 +1,5 @@
-%section.overflow-hidden.bg-gray-50.sm:grid.sm:grid-cols-2
-  .p-8.md:p-12.lg:px-16.lg:py-24
+%section.overflow-hidden.sm:grid.sm:grid-cols-2
+  .p-8.m-5.bg-gray-50.md:p-12.lg:px-16.lg:py-24
     .mx-auto.max-w-xl.text-center.sm:text-left
       %h2.text-2xl.font-bold.text-gray-900.md:text-3xl
         = section["header"]
@@ -8,4 +8,4 @@
       .mt-4.md:mt-8
         -if section["button"]
           = render 'elements/button' , button: section["button"]
-  = image_for( section , "h-56 w-full object-cover sm:h-full")
+  = image_for( section , "p-5 h-56 w-full object-cover sm:h-full")

app/views/sections/_section_spacer.haml

@@ -0,0 +1 @@
+.h-24

cms/index.yaml

@@ -4,6 +4,7 @@
     Only an hour west of Helsinki, the Feenix rises from an old sanatorium.
     The Hub is a place to create, learn and regenerate.
   image: house.jpg
+- template: section_spacer
 - template: section_half_right
   header: Retreats
   text: