diff --git a/docs/sources/annotations/_index.md b/docs/sources/annotations/_index.md
index 7fa0cd2b..5f5483a4 100644
--- a/docs/sources/annotations/_index.md
+++ b/docs/sources/annotations/_index.md
@@ -26,7 +26,7 @@ To create annotations, you need to specify at least the following two fields:
 
 Annotations overlay events on a graph.
 
-![Annotations on a graph](/media/docs/grafana/data-sources/github/annotations.png)
+{{< figure alt="Annotations on a graph" src="/media/docs/grafana/data-sources/github/annotations.png" >}}
 
 With annotations, you can display the following GitHub resources on a graph:
 
@@ -38,7 +38,7 @@ With annotations, you can display the following GitHub resources on a graph:
 
 All annotations require that you select a field to display on the annotation, and a field that represents the time that the event occurred.
 
-![Annotations editor](/media/docs/grafana/data-sources/github/annotations-editor.png)
+{{< figure alt="Annotations editor" src="/media/docs/grafana/data-sources/github/annotations-editor.png" >}}
 
 If you want to add titles or tags to the annotations, you can add additional fields with the appropriate types.
 
diff --git a/docs/sources/setup/datasource.md b/docs/sources/setup/datasource.md
index 3d6c7f51..c449a3ac 100644
--- a/docs/sources/setup/datasource.md
+++ b/docs/sources/setup/datasource.md
@@ -28,7 +28,7 @@ weight: 103
 1. Go to its settings tab and at the bottom, you will find the **Connection** section.
 
 1. Paste the access token.
-   ![Configuring API Token](/media/docs/grafana/data-sources/github/github-plugin-confg-token.png)
+   {{< figure alt="Configuring API Token" src="/media/docs/grafana/data-sources/github/github-plugin-confg-token.png" >}}
 
    (_Optional_): If you using the GitHub Enterprise, then select the **Enterprise** option inside the **Additional Settings** section and paste the URL of your GitHub Enterprise.
 
diff --git a/docs/sources/variables-and-macros/variables.md b/docs/sources/variables-and-macros/variables.md
index a4c0e0dc..24e0dd3e 100644
--- a/docs/sources/variables-and-macros/variables.md
+++ b/docs/sources/variables-and-macros/variables.md
@@ -25,8 +25,8 @@ Variables allow you to create more interactive and dynamic dashboards by replaci
 
 Here is an example of creating a dashboard variable:
 
-![Creating variables](/media/docs/grafana/data-sources/github/variables-create.png)
+{{< figure alt="Creating variables" src="/media/docs/grafana/data-sources/github/variables-create.png" >}}
 
 You can reference them inside queries, allowing users to configure parameters such as `Query` or `Repository`.
 
-![Using variables inside queries](/media/docs/grafana/data-sources/github/using-variables.png)
+{{< figure alt="Using variables inside queries" src="/media/docs/grafana/data-sources/github/using-variables.png" >}}