Add screenshot and prefix 'readme-*' to images for README

Author: yasulab

README.md

@@ -1,6 +1,6 @@
 # :yin_yang: Teaser Site Template for CoderDojo Conferences like [DojoCon](https://dojocon.coderdojo.jp/) / [DecaDojo](https://decadojo.coderdojo.jp/)
 
-[![Screenshot of Teaser Site](https://github.com/coderdojo-japan/teaser-template.coderdojo.jp/blob/main/img/screenshot.gif?raw=true)](https://teaser-template.coderdojo.jp/)
+[![Screenshot of Teaser Site](https://github.com/coderdojo-japan/teaser-template.coderdojo.jp/blob/main/img/readme-cover.gif?raw=true)](https://teaser-template.coderdojo.jp/)
 
 <br>
 
@@ -11,25 +11,27 @@
 [承認された CoderDojo](https://coderdojo.jp/#dojos) であれば、以下の手順で本テンプレートをお使いいただけます。
 
 ### 1. [GitHub](https://github.co.jp/) のアカウントを作る
+[![GitHub Singup](https://github.com/coderdojo-japan/teaser-template.coderdojo.jp/blob/main/img/readme-github.png?raw=true)
 
 ### 2. 本ページの画面右上にある `Use this template` -> `Create a new repository` を押す
-![Screenshot: Use this template](https://i.gyazo.com/559ee68cbe9e7e94b41e68237b36d3cd.png)
+![Use this template](https://github.com/coderdojo-japan/teaser-template.coderdojo.jp/blob/main/img/readme-template.png?raw=true)
 
 ### 3. 各項目に情報を入力し、本テンプレートから新しいリポジトリを作成する
-![Screenshot: Create with template](https://github.com/coderdojo-japan/teaser-template.coderdojo.jp/blob/main/img/create-with-template.png?raw=true)
+![Create with template](https://github.com/coderdojo-japan/teaser-template.coderdojo.jp/blob/main/img/readme-create.png?raw=true)
 
 ### 4. [README の動かす方法](#setup)にしたがって、適宜Webサイトを修正・確認する
+![Edit HTML](https://github.com/coderdojo-japan/teaser-template.coderdojo.jp/blob/main/img/readme-edit.png?raw=true)
 
 ### 5. 準備ができたら [GitHub Pages](https://www.google.com/search?q=GitHub+Pages) から公開する
 - `Settings` -> `Pages` に行き、`Branch` 欄にある `None` を `main` に変更し、`Save` を押す
 - `Custom domain` 欄が表示されたらドメイン名 (例: `dojocon2024.coderdojo.jp`) を入力し、`Save` を押す
 - :warning: ドメインの適用には DNS 設定が必要です。ココまで設定できたら @yasulab までご連絡ください! :email: :dash:
-   ![Screenshot: GitHub Pages Settings](https://github.com/coderdojo-japan/teaser-template.coderdojo.jp/blob/main/img/pages-settings.png?raw=true)
+   ![GitHub Pages Settings](https://github.com/coderdojo-japan/teaser-template.coderdojo.jp/blob/main/img/readme-domain.png?raw=true)
 
 ### 6. DNS 設定が完了したら、ティザーサイトが公開できているはずです!
 - 公開例 (1/2): [https://dojocon2024-teaser.coderdojo.jp/](https://dojocon2024-teaser.coderdojo.jp/)
 - 公開例 (2/2): [https://teaser-template.coderdojo.jp/](https://teaser-template.coderdojo.jp/)  
-  [![Screenshot of Teaser Site](https://github.com/coderdojo-japan/teaser-template.coderdojo.jp/blob/main/img/screenshot.gif?raw=true)](https://teaser-template.coderdojo.jp/)
+  [![Teaser Site Screenshot](https://github.com/coderdojo-japan/teaser-template.coderdojo.jp/blob/main/img/readme-cover.gif?raw=true)](https://teaser-template.coderdojo.jp/)
 
 
 <div id='setup'></div>