diff --git a/lektor/lektordata/project/assets/static/style.css b/lektor/lektordata/project/assets/static/style.css
index d3f6f25..083fc5d 100644
--- a/lektor/lektordata/project/assets/static/style.css
+++ b/lektor/lektordata/project/assets/static/style.css
@@ -66,40 +66,18 @@ div.inner_page {
     padding: 0;
 }
 
-div.bgimage + div.inner_page {
-    position: absolute;
-    box-sizing: border-box;
+div.inner_page.bgimage {
+
+    background-image: url('/images/bg_image_welcome_1.jpg');
+    background-size: contain;
+    background-position: top;
+    background-repeat: no-repeat;
+    min-height: 635px;
+    background-color: rgba(255,255,255,0.6);
+    background-blend-mode: lighten;
+
 }
 
-
-.page .bgimage img {
-    display: block;
-    width: 100%;
-    max-width: 1200px; /* corresponds to max height of 450px */
-    margin: 0 auto;
-    filter: opacity(50%);
-}
-
-page .bgimage {
-    position: absolute;
-    box-sizing: border-box;
-    background: #fff;
-}
-
-.bgimage {
-    background: #fff;
-}
-
-/*
-.inner_page{
-    position: absolute;
-    top: 0;
-    padding: 0px 30px;
-    box-sizing: border-box;
-}
-*/
-
-
 header, footer {
     color: #b0b0b0;
 }
diff --git a/lektor/lektordata/project/templates/title_page.html b/lektor/lektordata/project/templates/title_page.html
index c0c81bf..7d27714 100644
--- a/lektor/lektordata/project/templates/title_page.html
+++ b/lektor/lektordata/project/templates/title_page.html
@@ -1,8 +1,7 @@
 {% extends "layout.html" %}
 {% block title %}{{ this.title }}{% endblock %}
 {% block body %}
-  <div class="bgimage"><img src="/images/bg_image_welcome_1.jpg"></div>
-  <div class="inner_page">
+  <div class="inner_page bgimage">
     <h2>{{ this.title }}</h2>
     {{ this.body }}
 </div>