Update samples/animate-images-with-image-overlay/src/main/java/com/es…

…ri/arcgismaps/sample/animateimageswithimageoverlay/components/AnimateImagesWithImageOverlayViewModel.kt

Co-authored-by: Shubham Sharma <shubhamsharma@esri.com>

samples/animate-images-with-image-overlay/src/main/java/com/esri/arcgismaps/sample/animateimageswithimageoverlay/components/AnimateImagesWithImageOverlayViewModel.kt

@@ -142,13 +142,13 @@ class AnimateImagesWithImageOverlayViewModel(application: Application) : Android
      * Create a new image frame from the image at the current index and add it to the image overlay.
      */
     private fun addNextImageFrameToImageOverlay() {
-        // set image frame to image overlay
-        imageOverlay.imageFrame = imageFrames[imageIndex]
         // increment the index to keep track of which image to load next
-        imageIndex++
+        imageFrameIndex++
         // reset index once all files have been loaded
-        if (imageIndex == imageFrames.size)
-            imageIndex = 0
+        if (imageFrameIndex == imageFrames.size)
+            imageFrameIndex = 0
+        // set the next image frame to image overlay
+        imageOverlay.imageFrame = imageFrames[imageFrameIndex]
     }
 
     /**