diff --git a/src/main/resources/templates/towns/home/CaerphillyCastle.jpg b/src/main/resources/templates/towns/home/CaerphillyCastle.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ef4597465bf41491bc7173f473b94fd65bab6e19
Binary files /dev/null and b/src/main/resources/templates/towns/home/CaerphillyCastle.jpg differ
diff --git a/src/main/resources/templates/towns/home/homePage.html b/src/main/resources/templates/towns/home/homePage.html
index 34e1bcb024d294e2732446d9a87d6efd7b794ab0..25968ec61e9889eed4f69dd1c77952cf2a314826 100644
--- a/src/main/resources/templates/towns/home/homePage.html
+++ b/src/main/resources/templates/towns/home/homePage.html
@@ -34,9 +34,19 @@
 
         .caerphillyBanner{
             grid-area:townBannerC;
+            background-image: url('CaerphillyCastle.jpg');
+            background-size: 800px 200px;
+            background-repeat: no-repeat;
+            background-position: left 35%;
+            background-image: url('CaerphillyCastle.jpg');
+            /*filter: grayscale(30%);*/
         }
+        /*body{*/
+        /*    background-image: url('CaerphillyCastle.jpg');*/
+        /*}*/
         .caerphillyBannerTrail{
             grid-area:townBannerDetsC;
+            /*linear-gradient(90 deg,white,red);*/
         }
         .riscaBanner{
             grid-area:townBannerR;
@@ -92,7 +102,7 @@
 <!--<header th:insert="~{../Templating.html::header}"></header>-->
 <main>
 <div class="gridContainer1">
-    <H1 id="homeTitle"> Smart Towns - Trails</H1>
+    <H1 id="homeTitle"> VZTA Smart Towns - Trails</H1>
     <button class="submitLand"> Submit Landmark!</button>
 
 
@@ -102,7 +112,7 @@
 
     <div class="caerphillyBannerTrail">
         <div id="trailCountCaer"> Trails: 3</div>
-        <div id="trailProgressCaer"> 55%</div>
+        <div id="trailProgressCaer"> 70%</div>
     </div>
 
     <div class="riscaBanner">