diff --git a/Composer/packages/client/src/pages/setting/deployment/deploy-create-output.png b/Composer/packages/client/src/pages/setting/deployment/deploy-create-output.png
new file mode 100644
index 0000000000..ed9c82e38f
Binary files /dev/null and b/Composer/packages/client/src/pages/setting/deployment/deploy-create-output.png differ
diff --git a/Composer/packages/client/src/pages/setting/deployment/deploy-deploy-output.png b/Composer/packages/client/src/pages/setting/deployment/deploy-deploy-output.png
new file mode 100644
index 0000000000..b33ea0bfc8
Binary files /dev/null and b/Composer/packages/client/src/pages/setting/deployment/deploy-deploy-output.png differ
diff --git a/Composer/packages/client/src/pages/setting/deployment/deployWizardStep-getCreate.js b/Composer/packages/client/src/pages/setting/deployment/deployWizardStep-getCreate.js
index 274651e884..83139f2b7e 100644
--- a/Composer/packages/client/src/pages/setting/deployment/deployWizardStep-getCreate.js
+++ b/Composer/packages/client/src/pages/setting/deployment/deployWizardStep-getCreate.js
@@ -12,7 +12,7 @@ import { TextField } from 'office-ui-fabric-react/lib/TextField';
import { StoreContext } from '../../../store';
import { styles } from './styles';
-import processGif from './deploy-create-output.gif';
+import processGif from './deploy-create-output.png';
export const DeployWizardStep2 = props => {
const { state } = useContext(StoreContext);
@@ -57,7 +57,7 @@ export const DeployWizardStep2 = props => {
diff --git a/Composer/packages/client/src/pages/setting/deployment/deployWizardStep-getDeploy.js b/Composer/packages/client/src/pages/setting/deployment/deployWizardStep-getDeploy.js
index 5697cfc81d..f9b18fbee1 100644
--- a/Composer/packages/client/src/pages/setting/deployment/deployWizardStep-getDeploy.js
+++ b/Composer/packages/client/src/pages/setting/deployment/deployWizardStep-getDeploy.js
@@ -9,7 +9,7 @@ import { DialogFooter } from 'office-ui-fabric-react/lib/Dialog';
import { TextField } from 'office-ui-fabric-react/lib/TextField';
import { styles } from './styles';
-import processGif from './deploy-deploy-output.gif';
+import processGif from './deploy-deploy-output.png';
export const DeployWizardStep3 = props => {
const { closeModal, botValues } = props;
@@ -50,7 +50,7 @@ export const DeployWizardStep3 = props => {