diff --git a/src/components/ExampleItem.vue b/src/components/ExampleItem.vue
index c399b34..aa416f5 100644
--- a/src/components/ExampleItem.vue
+++ b/src/components/ExampleItem.vue
@@ -1,5 +1,13 @@
 <template>
+<div id="passageroot" class="pageroot">
+  <div class="pagebanner" id="passagebanner">
+    <div id="bannercontent"
+         style="width: 100%;height: 100%;
+         background-color: rgba(0,0,0,0.5);">
 
+    </div>
+  </div>
+</div>
 </template>
 
 <script>
@@ -11,4 +19,13 @@ export default {
 <style scoped lang="scss">
 @import "src/publicstyle.scss";
 
+#passageroot{
+  @include media-breakpoint-between(xs, md) {
+    background-image: url('/ExamplesRes/Examplesbanner_wep.png');
+  }
+
+  @include media-breakpoint-up(md) {
+    background-image: url('/ExamplesRes/Examplesbanner.png');
+  }
+}
 </style>