diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md
index 673dc196..8aa9999a 100755
--- a/exampleSite/content/_index.md
+++ b/exampleSite/content/_index.md
@@ -5,6 +5,8 @@ description: "This is a demo of the Blowfish theme for Hugo."
 
 {{< lead >}} A powerful, lightweight theme for Hugo built with Tailwind CSS. {{< /lead >}}
 
+<div class="w-full md:w-auto thumbnail nozoom" style="background-image:url(iceland.jpg);"></div>
+
 This is a demo site built entirely using Blowfish. It also contains a complete set of [theme documentation]({{< ref "docs" >}}). Blowfish is flexible and is great for both static page-based content (like this demo) or a traditional blog with a feed of recent posts.
 
 <div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
@@ -22,6 +24,4 @@ This is a demo site built entirely using Blowfish. It also contains a complete s
   </span>
 </div>
 
-Explore the [sample pages]({{< ref "samples" >}}) to get a feel for what Blowfish can do. If you like what you see, check out the project on <a target="_blank" href="https://github.com/nunocoracao/blowfish">Github</a> or read the [Installation guide]({{< ref "docs/installation" >}}) to get started.
-
-<img src="iceland.jpg">
\ No newline at end of file
+Explore the [sample pages]({{< ref "samples" >}}) to get a feel for what Blowfish can do. If you like what you see, check out the project on <a target="_blank" href="https://github.com/nunocoracao/blowfish">Github</a> or read the [Installation guide]({{< ref "docs/installation" >}}) to get started.
\ No newline at end of file