Merge branch 'docs/convert-code-quality-gif-to-png' into 'master'

Convert 'code quality' GIF to PNG

See merge request gitlab-org/gitlab-ce!32510

doc/user/project/merge_requests/code_quality.md

@@ -5,8 +5,7 @@ disqus_identifier: 'https://docs.gitlab.com/ee/user/project/merge_requests/code_
 
 # Code Quality **(STARTER)**
 
-> [Introduced](https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/1984)
-in [GitLab Starter](https://about.gitlab.com/pricing/) 9.3.
+> [Introduced](https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/1984) in [GitLab Starter](https://about.gitlab.com/pricing/) 9.3.
 
 With the help of [GitLab CI/CD](../../../ci/README.md), you can analyze your
 source code quality using GitLab Code Quality.
@@ -26,7 +25,7 @@ Code Quality:
 Going a step further, GitLab can show the Code Quality report right
 in the merge request widget area:
 
-![Code Quality Widget](img/code_quality.gif)
+![Code Quality Widget](img/code_quality.png)
 
 ## Use cases