diff --git a/src/App.tsx b/src/App.tsx
index 8e83e86..a564ede 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react'
 import './App.css'
 import axios from 'axios'
+import video from './assets/GarfieldIP.mp4'
 
 function App() {
   const [ip, setIP] = useState('')
@@ -20,6 +21,7 @@ function App() {
      <div className='App'>
       <h2>Your IP Address is </h2>
       <h4>{ip || "loading"}</h4>
+      <video src={video} width="750" height="500" controls autoPlay></video>
      </div>
     </>
   )
diff --git a/src/assets/GarfieldIP.mp4 b/src/assets/GarfieldIP.mp4
new file mode 100644
index 0000000..e3f053b
Binary files /dev/null and b/src/assets/GarfieldIP.mp4 differ