diff --git a/docs/marketplace/vscode/infraComposer.webp b/docs/marketplace/vscode/infraComposer.webp
new file mode 100644
index 00000000000..ff417f35537
Binary files /dev/null and b/docs/marketplace/vscode/infraComposer.webp differ
diff --git a/packages/toolkit/.changes/next-release/Bug Fix-d8111f1d-c5f8-48ee-9b25-6d64a98bc3c2.json b/packages/toolkit/.changes/next-release/Bug Fix-d8111f1d-c5f8-48ee-9b25-6d64a98bc3c2.json
new file mode 100644
index 00000000000..9c2256c03d6
--- /dev/null
+++ b/packages/toolkit/.changes/next-release/Bug Fix-d8111f1d-c5f8-48ee-9b25-6d64a98bc3c2.json	
@@ -0,0 +1,4 @@
+{
+	"type": "Bug Fix",
+	"description": "update animate graph for infraComposer in toolkit README"
+}
diff --git a/packages/toolkit/README.md b/packages/toolkit/README.md
index 0218e469bf7..d0e4f60e66b 100644
--- a/packages/toolkit/README.md
+++ b/packages/toolkit/README.md
@@ -33,7 +33,7 @@ AWS Infrastructure Composer maintains a real-time visual representation of your
 -   Use the right tool for the task, including visual, code, or generative AI powered code suggestions in your IDE.
 -   Integrate with Workflow Studio to visually orchestrate over 220 AWS services or public http endpoints with Step Functions workflows.
 
-![Infrastructure Composer](https://raw.githubusercontent.com/aws/aws-toolkit-vscode/HEAD/docs/marketplace/vscode/appComposer.gif)
+![Infrastructure Composer](https://raw.githubusercontent.com/aws/aws-toolkit-vscode/HEAD/docs/marketplace/vscode/infraComposer.webp)
 
 ## [Amazon CodeCatalyst](https://codecatalyst.aws/explore)