diff --git a/assets/images/logo.png b/assets/images/logo.png
new file mode 100644
index 0000000..b88c097
Binary files /dev/null and b/assets/images/logo.png differ
diff --git a/pages/films/index.vue b/pages/films/index.vue
index 0d55a9a..6ff11f2 100644
--- a/pages/films/index.vue
+++ b/pages/films/index.vue
@@ -1,8 +1,10 @@
 <template>
   <section class="py-4">
-    <h2 class="text-3xl font-normal mx-auto block text-center mb-4">
-      Ghibli films
-    </h2>
+    <img
+      class="w-full max-w-md mx-auto mb-8"
+      src="~/assets/images/logo.png"
+      alt="Studio Ghibli"
+    />
     <Grid :dataSource="films" />
   </section>
 </template>
diff --git a/test/index.spec.js b/test/index.spec.js
index 0c72af5..b55b5d7 100644
--- a/test/index.spec.js
+++ b/test/index.spec.js
@@ -10,7 +10,7 @@ jest.mock("axios", () => ({
 describe("Films page", () => {
   it("should render Films page instance", () => {
     const wrapper = mount(FilmsView);
-    expect(wrapper.find("h2").text()).toBe("Ghibli films");
+    expect(wrapper.find("img").exists()).toBe(true);
   });
 
   it("should get films from Ghibli API", async () => {