diff --git a/README.md b/README.md
index ca99464..5ced21e 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@
 
 Generate mock data effortlessly from TypeScript interfaces in a web application powered by Next.js and NextUI.
 
-<img width="1431" alt="image" src="https://github.com/Gimnath-Perera/mocktopus/assets/55834384/8a9ea126-a193-4831-b455-83139546df75">
+<img width="1431" alt="image" src="/resources/screen-capture.gif">
 
 ## Table of Contents
 
@@ -19,6 +19,7 @@ Generate mock data effortlessly from TypeScript interfaces in a web application
   - [About](#about)
   - [Features](#features)
   - [Getting Started](#getting-started)
+  - [Usage](#usage)
   - [Contributing](#contributing)
   - [License](#license)
 
diff --git a/resources/screen-capture.gif b/resources/screen-capture.gif
new file mode 100644
index 0000000..fd5a4d0
Binary files /dev/null and b/resources/screen-capture.gif differ