Add additional instructions in the readme for tags

examples/astro-product-gallery/README.md

@@ -7,7 +7,7 @@ View Demo: [COLBY DEPLOY THIS ON NETLIFY PLS]
 
 ## 🧰 Using ProductGallery in a Astro project
 
-To use the ProductGallery widget in a Astro app, first load its script:
+1. To use the ProductGallery widget in a Astro app, first load its script:
 
 ```
 <script src="https://product-gallery.cloudinary.com/all.js" type="text/javascript">
@@ -17,6 +17,11 @@ To use the ProductGallery widget in a Astro app, first load its script:
 This will add a `cloudinary` property to the `window` object which will contain
 a `productWidget` method that you can use to initialize the widget.
 
+2. In `index.astro`, we are finding images containing the tags "gallery-images" and videos containing the tags "gallery-videos". Make sure to add these tags to your images and videos in the cloudinary console.
+<img width="1132" alt="image" src="https://github.com/geekysrm/cloudinary-examples/assets/10224804/fab69e46-46b3-4be1-a0a7-a62da7419932">
+
+Alternatively, you can change the tag names in `index.astro` to match what the images and videos are tagged in your cloudinary console.
+
 ## 🚀 Get Started with This Example
 
 - Create an environment variable file `.env` and inside add: