Update cta image

content/page/careers/customCTA/cta.md

@@ -2,5 +2,5 @@
 id: careers
 link: /community
 title: Join our Community
-img: ./threefold_people.png
+image: ./threefold_people.png
 ---

content/page/community/customCTA/cta_2.md

@@ -2,5 +2,5 @@
 id: community
 link: /careers
 title: Join our Team
-img: ./threefold_people.png
+image: ./threefold_people.png
 ---

src/components/custom/sections/CustomCTA.vue

@@ -6,11 +6,15 @@
         <font-awesome :icon="['fas', 'long-arrow-alt-right']" />
       </h2>
     </div>
+    <div
+      class="back"
+      :style="{ 'background-image': 'url(' + image.src + ')' }"
+    ></div>
   </g-link>
 </template>
 <script>
 export default {
-  props: ["link", "title"],
+  props: ["link", "title", "image"],
 };
 </script>
 
@@ -20,6 +24,7 @@ export default {
   margin: 0;
   padding: 120px 0;
   text-align: center;
+  position: relative;
   display: block;
   color: #fff !important;
   letter-spacing: 0.5px;
@@ -60,10 +65,6 @@ export default {
   transition: 1.5s;
 }
 
-/* .banner.banner-careers .back {
-  background-image: url(images/holo-team-banner.jpg)
-} */
-
 .banner:hover {
   background: #4b3a92;
 }
@@ -78,7 +79,7 @@ export default {
 }
 
 .banner:hover .back {
-  /* transform: scale(1.03) */
+  transform: scale(1.03);
 }
 
 @media (max-width: 640px) {

src/templates/Job.vue

@@ -48,6 +48,7 @@
         :key="edge.node.id"
         :title="edge.node.title"
         :link="edge.node.link"
+        :image="edge.node.image"
       />
     </div>
   </Layout>
@@ -68,6 +69,7 @@
             id
             title
             link
+            image
           }
         }
       }

src/templates/MarkdownPage.vue

@@ -179,6 +179,7 @@
         v-if="edge.node.id == $page.markdownPage.id"
         :title="edge.node.title"
         :link="edge.node.link"
+        :image="edge.node.image"
       />
     </div>
   </Layout>
@@ -395,6 +396,7 @@
           id
           title
           link
+          image
         }
       }
     }