diff --git a/docs/img/webapp_project_overview.png b/docs/img/webapp_project_overview.png
new file mode 100644
index 00000000..91b74499
Binary files /dev/null and b/docs/img/webapp_project_overview.png differ
diff --git a/docs/webapp/webapp_project_overview.md b/docs/webapp/webapp_project_overview.md
index 470dd4c6..2aafed87 100644
--- a/docs/webapp/webapp_project_overview.md
+++ b/docs/webapp/webapp_project_overview.md
@@ -7,7 +7,7 @@ that can show a snapshot of specified metrics' values across the project's exper
 project's description. When either overview option is utilized, the **OVERVIEW** tab becomes the project's landing page, 
 meaning that it's the first thing that is seen when opening the project. 
 
-![Project overview tab gif](../img/gif/webapp_metric_snapshot.gif)
+![Project overview](../img/webapp_project_overview.png)
 
 ## Metric Snapshot
 
@@ -43,6 +43,8 @@ metric/variant combination.
 Hover over a point in the snapshot, and a box will appear with the details of the experiment associated with the metric 
 value. Click the point to go to the experiment's details page.
 
+![Project overview tab gif](../img/gif/webapp_metric_snapshot.gif)
+
 ## Project Description
 
 Every project has a `description` field. The UI provides a Markdown editor to edit this field.