diff --git a/apps/demos/Demos/Common/ListsOverview/Angular/app/app.service.ts b/apps/demos/Demos/Common/ListsOverview/Angular/app/app.service.ts
index 79886fc825b3..8a090f168410 100644
--- a/apps/demos/Demos/Common/ListsOverview/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Common/ListsOverview/Angular/app/app.service.ts
@@ -60,7 +60,7 @@ const data: Hotel[] = [{
   Images: [{
     FileName: 'Hamburg-5.jpg',
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
   }, {
     FileName: 'Bathroom-3.jpg',
     widthRatio: 2,
@@ -72,7 +72,7 @@ const data: Hotel[] = [{
   }, {
     FileName: 'MeetingRoom-4.jpg',
   }, {
-    FileName: 'Restaurant-15.jpg',
+    FileName: 'Restaurant-12.jpg',
   },
   ],
 }, {
@@ -89,7 +89,7 @@ const data: Hotel[] = [{
   }, {
     FileName: 'Lobby-9.jpg',
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -112,11 +112,11 @@ const data: Hotel[] = [{
   City: 'Honolulu',
   Price: 111,
   Images: [{
-    FileName: 'Honolulu-0.jpg',
+    FileName: 'Honolulu-6.jpg',
   }, {
     FileName: 'Lobby-11.jpg',
   }, {
-    FileName: 'Bedroom-4-0.jpg',
+    FileName: 'Bedroom-2-1.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -151,7 +151,7 @@ const data: Hotel[] = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
     FileName: 'Restaurant-13.jpg',
   },
@@ -168,9 +168,9 @@ const data: Hotel[] = [{
   Images: [{
     FileName: 'Honolulu-10.jpg',
   }, {
-    FileName: 'Lobby-2.jpg',
+    FileName: 'Lobby-4.jpg',
   }, {
-    FileName: 'Bedroom-4-11.jpg',
+    FileName: 'Bedroom-1-2.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -180,7 +180,7 @@ const data: Hotel[] = [{
   }, {
     FileName: 'Pool-4.jpg',
   }, {
-    FileName: 'Restaurant-14.jpg',
+    FileName: 'Restaurant-7.jpg',
   },
   ],
 }, {
@@ -205,7 +205,7 @@ const data: Hotel[] = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
     FileName: 'Restaurant-7.jpg',
   },
@@ -232,9 +232,9 @@ const data: Hotel[] = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
-    FileName: 'Restaurant-8.jpg',
+    FileName: 'Restaurant-3.jpg',
   },
   ],
 }, {
@@ -276,7 +276,7 @@ const data: Hotel[] = [{
   Images: [{
     FileName: 'LV-1.jpg',
   }, {
-    FileName: 'Lobby-1.jpg',
+    FileName: 'Lobby-11.jpg',
   }, {
     FileName: 'Bedroom-1-2.jpg',
     widthRatio: 2,
@@ -286,7 +286,7 @@ const data: Hotel[] = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-1.jpg',
+    FileName: 'Restaurant-9.jpg',
   }, {
     FileName: 'Pool-1.jpg',
   },
@@ -355,15 +355,15 @@ const data: Hotel[] = [{
   City: 'Las Vegas',
   Price: 149,
   Images: [{
-    FileName: 'LV-6.jpg',
+    FileName: 'LV-2.jpg',
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
-    FileName: 'Restaurant-16.jpg',
+    FileName: 'Restaurant-19.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -411,7 +411,7 @@ const data: Hotel[] = [{
   Images: [{
     FileName: 'London-10.jpg',
   }, {
-    FileName: 'Lobby-5.jpg',
+    FileName: 'Lobby-9.jpg',
   }, {
     FileName: 'Bedroom-5-14.jpg',
     widthRatio: 2,
@@ -502,7 +502,7 @@ const data: Hotel[] = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
     FileName: 'Restaurant-21.jpg',
   },
@@ -525,11 +525,11 @@ const data: Hotel[] = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-15.jpg',
+    FileName: 'Restaurant-12.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bedroom-3-1.jpg',
+    FileName: 'Bedroom-2-2.jpg',
   },
   ],
 }, {
@@ -546,7 +546,7 @@ const data: Hotel[] = [{
   }, {
     FileName: 'Lobby-17.jpg',
   }, {
-    FileName: 'Bedroom-3-2.jpg',
+    FileName: 'Bedroom-1-9.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -554,9 +554,9 @@ const data: Hotel[] = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
-    FileName: 'Restaurant-14.jpg',
+    FileName: 'Restaurant-7.jpg',
   },
   ],
 }, {
@@ -598,7 +598,7 @@ const data: Hotel[] = [{
   Images: [{
     FileName: 'NYC-0.jpg',
   }, {
-    FileName: 'Lobby-1.jpg',
+    FileName: 'Lobby-11.jpg',
   }, {
     FileName: 'Bathroom-7.jpg',
     widthRatio: 2,
@@ -637,7 +637,7 @@ const data: Hotel[] = [{
   }, {
     FileName: 'Bathroom-6.jpg',
   }, {
-    FileName: 'Restaurant-8.jpg',
+    FileName: 'Restaurant-3.jpg',
   },
   ],
 }, {
@@ -664,7 +664,7 @@ const data: Hotel[] = [{
   }, {
     FileName: 'Bedroom-5-11.jpg',
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
   },
   ],
 }, {
@@ -689,7 +689,7 @@ const data: Hotel[] = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
   }, {
     FileName: 'Restaurant-6.jpg',
   },
@@ -704,9 +704,9 @@ const data: Hotel[] = [{
   City: 'New York',
   Price: 219,
   Images: [{
-    FileName: 'NYC-3.jpg',
+    FileName: 'NYC-1.jpg',
   }, {
-    FileName: 'Lobby-5.jpg',
+    FileName: 'Lobby-9.jpg',
   }, {
     FileName: 'MeetingRoom-4.jpg',
     widthRatio: 2,
@@ -733,7 +733,7 @@ const data: Hotel[] = [{
   Images: [{
     FileName: 'NYC-4.jpg',
   }, {
-    FileName: 'Lobby-31.jpg',
+    FileName: 'Lobby-27.jpg',
   }, {
     FileName: 'MeetingRoom-5.jpg',
     widthRatio: 2,
@@ -797,7 +797,7 @@ const data: Hotel[] = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bedroom-5-9.jpg',
+    FileName: 'Bedroom-2-3.jpg',
   }, {
     FileName: 'Bathroom-6.jpg',
   },
@@ -868,7 +868,7 @@ const data: Hotel[] = [{
   Images: [{
     FileName: 'Paris-3.jpg',
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
   }, {
     FileName: 'MeetingRoom-4.jpg',
     widthRatio: 2,
@@ -934,7 +934,7 @@ const data: Hotel[] = [{
   }, {
     FileName: 'Restaurant-12.jpg',
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   },
   ],
 }, {
@@ -982,7 +982,7 @@ const data: Hotel[] = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-16.jpg',
+    FileName: 'Restaurant-19.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -1005,7 +1005,7 @@ const data: Hotel[] = [{
   }, {
     FileName: 'Bedroom-5-10.jpg',
   }, {
-    FileName: 'Lobby-2.jpg',
+    FileName: 'Lobby-4.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -1015,7 +1015,7 @@ const data: Hotel[] = [{
   }, {
     FileName: 'Restaurant-20.jpg',
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   },
   ],
 }, {
@@ -1030,7 +1030,7 @@ const data: Hotel[] = [{
   Images: [{
     FileName: 'SF-2.jpg',
   }, {
-    FileName: 'Lobby-22.jpg',
+    FileName: 'Lobby-27.jpg',
   }, {
     FileName: 'MeetingRoom-0.jpg',
     widthRatio: 2,
@@ -1042,7 +1042,7 @@ const data: Hotel[] = [{
   }, {
     FileName: 'Restaurant-21.jpg',
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   },
   ],
 }, {
@@ -1055,7 +1055,7 @@ const data: Hotel[] = [{
   City: 'San Francisco',
   Price: 599,
   Images: [{
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
     FileName: 'Bedroom-2-2.jpg',
   }, {
@@ -1177,7 +1177,7 @@ const data: Hotel[] = [{
   }, {
     FileName: 'Bedroom-2-9.jpg',
   }, {
-    FileName: 'Restaurant-21.jpgng',
+    FileName: 'Restaurant-21.jpg',
   },
   ],
 }, {
@@ -1190,7 +1190,7 @@ const data: Hotel[] = [{
   City: 'San Francisco',
   Price: 199,
   Images: [{
-    FileName: 'SF-9.jpg',
+    FileName: 'SF-5.jpg',
   }, {
     FileName: 'Lobby-18.jpg',
   }, {
diff --git a/apps/demos/Demos/Common/ListsOverview/React/data.ts b/apps/demos/Demos/Common/ListsOverview/React/data.ts
index d0dd801a8200..ebacb25501e7 100644
--- a/apps/demos/Demos/Common/ListsOverview/React/data.ts
+++ b/apps/demos/Demos/Common/ListsOverview/React/data.ts
@@ -37,7 +37,7 @@ export const data = [{
   Images: [{
     FileName: 'Hamburg-5.jpg',
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
   }, {
     FileName: 'Bathroom-3.jpg',
     widthRatio: 2,
@@ -49,7 +49,7 @@ export const data = [{
   }, {
     FileName: 'MeetingRoom-4.jpg',
   }, {
-    FileName: 'Restaurant-15.jpg',
+    FileName: 'Restaurant-12.jpg',
   },
   ],
 }, {
@@ -66,7 +66,7 @@ export const data = [{
   }, {
     FileName: 'Lobby-9.jpg',
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -89,11 +89,11 @@ export const data = [{
   City: 'Honolulu',
   Price: 111,
   Images: [{
-    FileName: 'Honolulu-0.jpg',
+    FileName: 'Honolulu-6.jpg',
   }, {
     FileName: 'Lobby-11.jpg',
   }, {
-    FileName: 'Bedroom-4-0.jpg',
+    FileName: 'Bedroom-2-1.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -128,7 +128,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
     FileName: 'Restaurant-13.jpg',
   },
@@ -145,9 +145,9 @@ export const data = [{
   Images: [{
     FileName: 'Honolulu-10.jpg',
   }, {
-    FileName: 'Lobby-2.jpg',
+    FileName: 'Lobby-4.jpg',
   }, {
-    FileName: 'Bedroom-4-11.jpg',
+    FileName: 'Bedroom-1-2.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -157,7 +157,7 @@ export const data = [{
   }, {
     FileName: 'Pool-4.jpg',
   }, {
-    FileName: 'Restaurant-14.jpg',
+    FileName: 'Restaurant-7.jpg',
   },
   ],
 }, {
@@ -182,7 +182,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
     FileName: 'Restaurant-7.jpg',
   },
@@ -209,9 +209,9 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
-    FileName: 'Restaurant-8.jpg',
+    FileName: 'Restaurant-3.jpg',
   },
   ],
 }, {
@@ -253,7 +253,7 @@ export const data = [{
   Images: [{
     FileName: 'LV-1.jpg',
   }, {
-    FileName: 'Lobby-1.jpg',
+    FileName: 'Lobby-11.jpg',
   }, {
     FileName: 'Bedroom-1-2.jpg',
     widthRatio: 2,
@@ -263,7 +263,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-1.jpg',
+    FileName: 'Restaurant-9.jpg',
   }, {
     FileName: 'Pool-1.jpg',
   },
@@ -332,15 +332,15 @@ export const data = [{
   City: 'Las Vegas',
   Price: 149,
   Images: [{
-    FileName: 'LV-6.jpg',
+    FileName: 'LV-2.jpg',
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
-    FileName: 'Restaurant-16.jpg',
+    FileName: 'Restaurant-19.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -388,7 +388,7 @@ export const data = [{
   Images: [{
     FileName: 'London-10.jpg',
   }, {
-    FileName: 'Lobby-5.jpg',
+    FileName: 'Lobby-9.jpg',
   }, {
     FileName: 'Bedroom-5-14.jpg',
     widthRatio: 2,
@@ -479,7 +479,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
     FileName: 'Restaurant-21.jpg',
   },
@@ -502,11 +502,11 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-15.jpg',
+    FileName: 'Restaurant-12.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bedroom-3-1.jpg',
+    FileName: 'Bedroom-2-2.jpg',
   },
   ],
 }, {
@@ -523,7 +523,7 @@ export const data = [{
   }, {
     FileName: 'Lobby-17.jpg',
   }, {
-    FileName: 'Bedroom-3-2.jpg',
+    FileName: 'Bedroom-1-9.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -531,9 +531,9 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
-    FileName: 'Restaurant-14.jpg',
+    FileName: 'Restaurant-7.jpg',
   },
   ],
 }, {
@@ -575,7 +575,7 @@ export const data = [{
   Images: [{
     FileName: 'NYC-0.jpg',
   }, {
-    FileName: 'Lobby-1.jpg',
+    FileName: 'Lobby-11.jpg',
   }, {
     FileName: 'Bathroom-7.jpg',
     widthRatio: 2,
@@ -614,7 +614,7 @@ export const data = [{
   }, {
     FileName: 'Bathroom-6.jpg',
   }, {
-    FileName: 'Restaurant-8.jpg',
+    FileName: 'Restaurant-3.jpg',
   },
   ],
 }, {
@@ -641,7 +641,7 @@ export const data = [{
   }, {
     FileName: 'Bedroom-5-11.jpg',
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
   },
   ],
 }, {
@@ -666,7 +666,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
   }, {
     FileName: 'Restaurant-6.jpg',
   },
@@ -681,9 +681,9 @@ export const data = [{
   City: 'New York',
   Price: 219,
   Images: [{
-    FileName: 'NYC-3.jpg',
+    FileName: 'NYC-1.jpg',
   }, {
-    FileName: 'Lobby-5.jpg',
+    FileName: 'Lobby-9.jpg',
   }, {
     FileName: 'MeetingRoom-4.jpg',
     widthRatio: 2,
@@ -710,7 +710,7 @@ export const data = [{
   Images: [{
     FileName: 'NYC-4.jpg',
   }, {
-    FileName: 'Lobby-31.jpg',
+    FileName: 'Lobby-27.jpg',
   }, {
     FileName: 'MeetingRoom-5.jpg',
     widthRatio: 2,
@@ -774,7 +774,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bedroom-5-9.jpg',
+    FileName: 'Bedroom-2-3.jpg',
   }, {
     FileName: 'Bathroom-6.jpg',
   },
@@ -845,7 +845,7 @@ export const data = [{
   Images: [{
     FileName: 'Paris-3.jpg',
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
   }, {
     FileName: 'MeetingRoom-4.jpg',
     widthRatio: 2,
@@ -911,7 +911,7 @@ export const data = [{
   }, {
     FileName: 'Restaurant-12.jpg',
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   },
   ],
 }, {
@@ -959,7 +959,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-16.jpg',
+    FileName: 'Restaurant-19.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -982,7 +982,7 @@ export const data = [{
   }, {
     FileName: 'Bedroom-5-10.jpg',
   }, {
-    FileName: 'Lobby-2.jpg',
+    FileName: 'Lobby-4.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -992,7 +992,7 @@ export const data = [{
   }, {
     FileName: 'Restaurant-20.jpg',
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   },
   ],
 }, {
@@ -1007,7 +1007,7 @@ export const data = [{
   Images: [{
     FileName: 'SF-2.jpg',
   }, {
-    FileName: 'Lobby-22.jpg',
+    FileName: 'Lobby-27.jpg',
   }, {
     FileName: 'MeetingRoom-0.jpg',
     widthRatio: 2,
@@ -1019,7 +1019,7 @@ export const data = [{
   }, {
     FileName: 'Restaurant-21.jpg',
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   },
   ],
 }, {
@@ -1032,7 +1032,7 @@ export const data = [{
   City: 'San Francisco',
   Price: 599,
   Images: [{
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
     FileName: 'Bedroom-2-2.jpg',
   }, {
@@ -1154,7 +1154,7 @@ export const data = [{
   }, {
     FileName: 'Bedroom-2-9.jpg',
   }, {
-    FileName: 'Restaurant-21.jpgng',
+    FileName: 'Restaurant-21.jpg',
   },
   ],
 }, {
@@ -1167,7 +1167,7 @@ export const data = [{
   City: 'San Francisco',
   Price: 199,
   Images: [{
-    FileName: 'SF-9.jpg',
+    FileName: 'SF-5.jpg',
   }, {
     FileName: 'Lobby-18.jpg',
   }, {
diff --git a/apps/demos/Demos/Common/ListsOverview/ReactJs/data.js b/apps/demos/Demos/Common/ListsOverview/ReactJs/data.js
index c8f51845d007..eb5feaf17752 100644
--- a/apps/demos/Demos/Common/ListsOverview/ReactJs/data.js
+++ b/apps/demos/Demos/Common/ListsOverview/ReactJs/data.js
@@ -49,7 +49,7 @@ export const data = [
         FileName: 'Hamburg-5.jpg',
       },
       {
-        FileName: 'Lobby-14.jpg',
+        FileName: 'Lobby-16.jpg',
       },
       {
         FileName: 'Bathroom-3.jpg',
@@ -65,7 +65,7 @@ export const data = [
         FileName: 'MeetingRoom-4.jpg',
       },
       {
-        FileName: 'Restaurant-15.jpg',
+        FileName: 'Restaurant-12.jpg',
       },
     ],
   },
@@ -87,7 +87,7 @@ export const data = [
         FileName: 'Lobby-9.jpg',
       },
       {
-        FileName: 'Bathroom-4.jpg',
+        FileName: 'Bathroom-3.jpg',
         widthRatio: 2,
         heightRatio: 2,
       },
@@ -116,13 +116,13 @@ export const data = [
     Price: 111,
     Images: [
       {
-        FileName: 'Honolulu-0.jpg',
+        FileName: 'Honolulu-6.jpg',
       },
       {
         FileName: 'Lobby-11.jpg',
       },
       {
-        FileName: 'Bedroom-4-0.jpg',
+        FileName: 'Bedroom-2-1.jpg',
         widthRatio: 2,
         heightRatio: 2,
       },
@@ -167,7 +167,7 @@ export const data = [
         heightRatio: 2,
       },
       {
-        FileName: 'Pool-3.jpg',
+        FileName: 'Pool-6.jpg',
       },
       {
         FileName: 'Restaurant-13.jpg',
@@ -189,10 +189,10 @@ export const data = [
         FileName: 'Honolulu-10.jpg',
       },
       {
-        FileName: 'Lobby-2.jpg',
+        FileName: 'Lobby-4.jpg',
       },
       {
-        FileName: 'Bedroom-4-11.jpg',
+        FileName: 'Bedroom-1-2.jpg',
         widthRatio: 2,
         heightRatio: 2,
       },
@@ -205,7 +205,7 @@ export const data = [
         FileName: 'Pool-4.jpg',
       },
       {
-        FileName: 'Restaurant-14.jpg',
+        FileName: 'Restaurant-7.jpg',
       },
     ],
   },
@@ -237,7 +237,7 @@ export const data = [
         heightRatio: 2,
       },
       {
-        FileName: 'Pool-3.jpg',
+        FileName: 'Pool-6.jpg',
       },
       {
         FileName: 'Restaurant-7.jpg',
@@ -272,10 +272,10 @@ export const data = [
         heightRatio: 2,
       },
       {
-        FileName: 'Pool-8.jpg',
+        FileName: 'Pool-11.jpg',
       },
       {
-        FileName: 'Restaurant-8.jpg',
+        FileName: 'Restaurant-3.jpg',
       },
     ],
   },
@@ -329,7 +329,7 @@ export const data = [
         FileName: 'LV-1.jpg',
       },
       {
-        FileName: 'Lobby-1.jpg',
+        FileName: 'Lobby-11.jpg',
       },
       {
         FileName: 'Bedroom-1-2.jpg',
@@ -342,7 +342,7 @@ export const data = [
         heightRatio: 2,
       },
       {
-        FileName: 'Restaurant-1.jpg',
+        FileName: 'Restaurant-9.jpg',
       },
       {
         FileName: 'Pool-1.jpg',
@@ -431,18 +431,18 @@ export const data = [
     Price: 149,
     Images: [
       {
-        FileName: 'LV-6.jpg',
+        FileName: 'LV-2.jpg',
       },
       {
-        FileName: 'Pool-3.jpg',
+        FileName: 'Pool-6.jpg',
       },
       {
-        FileName: 'Restaurant-16.jpg',
+        FileName: 'Restaurant-19.jpg',
         widthRatio: 2,
         heightRatio: 2,
       },
       {
-        FileName: 'Lobby-14.jpg',
+        FileName: 'Lobby-16.jpg',
         widthRatio: 2,
         heightRatio: 2,
       },
@@ -504,7 +504,7 @@ export const data = [
         FileName: 'London-10.jpg',
       },
       {
-        FileName: 'Lobby-5.jpg',
+        FileName: 'Lobby-9.jpg',
       },
       {
         FileName: 'Bedroom-5-14.jpg',
@@ -622,7 +622,7 @@ export const data = [
         heightRatio: 2,
       },
       {
-        FileName: 'Pool-8.jpg',
+        FileName: 'Pool-11.jpg',
       },
       {
         FileName: 'Restaurant-21.jpg',
@@ -652,12 +652,12 @@ export const data = [
         heightRatio: 2,
       },
       {
-        FileName: 'Restaurant-15.jpg',
+        FileName: 'Restaurant-12.jpg',
         widthRatio: 2,
         heightRatio: 2,
       },
       {
-        FileName: 'Bedroom-3-1.jpg',
+        FileName: 'Bedroom-2-2.jpg',
       },
     ],
   },
@@ -679,7 +679,7 @@ export const data = [
         FileName: 'Lobby-17.jpg',
       },
       {
-        FileName: 'Bedroom-3-2.jpg',
+        FileName: 'Bedroom-1-9.jpg',
         widthRatio: 2,
         heightRatio: 2,
       },
@@ -689,10 +689,10 @@ export const data = [
         heightRatio: 2,
       },
       {
-        FileName: 'Pool-3.jpg',
+        FileName: 'Pool-6.jpg',
       },
       {
-        FileName: 'Restaurant-14.jpg',
+        FileName: 'Restaurant-7.jpg',
       },
     ],
   },
@@ -746,7 +746,7 @@ export const data = [
         FileName: 'NYC-0.jpg',
       },
       {
-        FileName: 'Lobby-1.jpg',
+        FileName: 'Lobby-11.jpg',
       },
       {
         FileName: 'Bathroom-7.jpg',
@@ -797,7 +797,7 @@ export const data = [
         FileName: 'Bathroom-6.jpg',
       },
       {
-        FileName: 'Restaurant-8.jpg',
+        FileName: 'Restaurant-3.jpg',
       },
     ],
   },
@@ -832,7 +832,7 @@ export const data = [
         FileName: 'Bedroom-5-11.jpg',
       },
       {
-        FileName: 'Bathroom-4.jpg',
+        FileName: 'Bathroom-3.jpg',
       },
     ],
   },
@@ -864,7 +864,7 @@ export const data = [
         heightRatio: 2,
       },
       {
-        FileName: 'Bathroom-4.jpg',
+        FileName: 'Bathroom-3.jpg',
       },
       {
         FileName: 'Restaurant-6.jpg',
@@ -883,10 +883,10 @@ export const data = [
     Price: 219,
     Images: [
       {
-        FileName: 'NYC-3.jpg',
+        FileName: 'NYC-1.jpg',
       },
       {
-        FileName: 'Lobby-5.jpg',
+        FileName: 'Lobby-9.jpg',
       },
       {
         FileName: 'MeetingRoom-4.jpg',
@@ -921,7 +921,7 @@ export const data = [
         FileName: 'NYC-4.jpg',
       },
       {
-        FileName: 'Lobby-31.jpg',
+        FileName: 'Lobby-27.jpg',
       },
       {
         FileName: 'MeetingRoom-5.jpg',
@@ -1004,7 +1004,7 @@ export const data = [
         heightRatio: 2,
       },
       {
-        FileName: 'Bedroom-5-9.jpg',
+        FileName: 'Bedroom-2-3.jpg',
       },
       {
         FileName: 'Bathroom-6.jpg',
@@ -1096,7 +1096,7 @@ export const data = [
         FileName: 'Paris-3.jpg',
       },
       {
-        FileName: 'Lobby-14.jpg',
+        FileName: 'Lobby-16.jpg',
       },
       {
         FileName: 'MeetingRoom-4.jpg',
@@ -1182,7 +1182,7 @@ export const data = [
         FileName: 'Restaurant-12.jpg',
       },
       {
-        FileName: 'Pool-3.jpg',
+        FileName: 'Pool-6.jpg',
       },
     ],
   },
@@ -1244,7 +1244,7 @@ export const data = [
         heightRatio: 2,
       },
       {
-        FileName: 'Restaurant-16.jpg',
+        FileName: 'Restaurant-19.jpg',
         widthRatio: 2,
         heightRatio: 2,
       },
@@ -1274,7 +1274,7 @@ export const data = [
         FileName: 'Bedroom-5-10.jpg',
       },
       {
-        FileName: 'Lobby-2.jpg',
+        FileName: 'Lobby-4.jpg',
         widthRatio: 2,
         heightRatio: 2,
       },
@@ -1287,7 +1287,7 @@ export const data = [
         FileName: 'Restaurant-20.jpg',
       },
       {
-        FileName: 'Pool-8.jpg',
+        FileName: 'Pool-11.jpg',
       },
     ],
   },
@@ -1306,7 +1306,7 @@ export const data = [
         FileName: 'SF-2.jpg',
       },
       {
-        FileName: 'Lobby-22.jpg',
+        FileName: 'Lobby-27.jpg',
       },
       {
         FileName: 'MeetingRoom-0.jpg',
@@ -1322,7 +1322,7 @@ export const data = [
         FileName: 'Restaurant-21.jpg',
       },
       {
-        FileName: 'Pool-8.jpg',
+        FileName: 'Pool-11.jpg',
       },
     ],
   },
@@ -1338,7 +1338,7 @@ export const data = [
     Price: 599,
     Images: [
       {
-        FileName: 'Pool-8.jpg',
+        FileName: 'Pool-11.jpg',
       },
       {
         FileName: 'Bedroom-2-2.jpg',
@@ -1497,7 +1497,7 @@ export const data = [
         FileName: 'Bedroom-2-9.jpg',
       },
       {
-        FileName: 'Restaurant-21.jpgng',
+        FileName: 'Restaurant-21.jpg',
       },
     ],
   },
@@ -1513,7 +1513,7 @@ export const data = [
     Price: 199,
     Images: [
       {
-        FileName: 'SF-9.jpg',
+        FileName: 'SF-5.jpg',
       },
       {
         FileName: 'Lobby-18.jpg',
diff --git a/apps/demos/Demos/Common/ListsOverview/Vue/data.ts b/apps/demos/Demos/Common/ListsOverview/Vue/data.ts
index d0dd801a8200..ebacb25501e7 100644
--- a/apps/demos/Demos/Common/ListsOverview/Vue/data.ts
+++ b/apps/demos/Demos/Common/ListsOverview/Vue/data.ts
@@ -37,7 +37,7 @@ export const data = [{
   Images: [{
     FileName: 'Hamburg-5.jpg',
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
   }, {
     FileName: 'Bathroom-3.jpg',
     widthRatio: 2,
@@ -49,7 +49,7 @@ export const data = [{
   }, {
     FileName: 'MeetingRoom-4.jpg',
   }, {
-    FileName: 'Restaurant-15.jpg',
+    FileName: 'Restaurant-12.jpg',
   },
   ],
 }, {
@@ -66,7 +66,7 @@ export const data = [{
   }, {
     FileName: 'Lobby-9.jpg',
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -89,11 +89,11 @@ export const data = [{
   City: 'Honolulu',
   Price: 111,
   Images: [{
-    FileName: 'Honolulu-0.jpg',
+    FileName: 'Honolulu-6.jpg',
   }, {
     FileName: 'Lobby-11.jpg',
   }, {
-    FileName: 'Bedroom-4-0.jpg',
+    FileName: 'Bedroom-2-1.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -128,7 +128,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
     FileName: 'Restaurant-13.jpg',
   },
@@ -145,9 +145,9 @@ export const data = [{
   Images: [{
     FileName: 'Honolulu-10.jpg',
   }, {
-    FileName: 'Lobby-2.jpg',
+    FileName: 'Lobby-4.jpg',
   }, {
-    FileName: 'Bedroom-4-11.jpg',
+    FileName: 'Bedroom-1-2.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -157,7 +157,7 @@ export const data = [{
   }, {
     FileName: 'Pool-4.jpg',
   }, {
-    FileName: 'Restaurant-14.jpg',
+    FileName: 'Restaurant-7.jpg',
   },
   ],
 }, {
@@ -182,7 +182,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
     FileName: 'Restaurant-7.jpg',
   },
@@ -209,9 +209,9 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
-    FileName: 'Restaurant-8.jpg',
+    FileName: 'Restaurant-3.jpg',
   },
   ],
 }, {
@@ -253,7 +253,7 @@ export const data = [{
   Images: [{
     FileName: 'LV-1.jpg',
   }, {
-    FileName: 'Lobby-1.jpg',
+    FileName: 'Lobby-11.jpg',
   }, {
     FileName: 'Bedroom-1-2.jpg',
     widthRatio: 2,
@@ -263,7 +263,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-1.jpg',
+    FileName: 'Restaurant-9.jpg',
   }, {
     FileName: 'Pool-1.jpg',
   },
@@ -332,15 +332,15 @@ export const data = [{
   City: 'Las Vegas',
   Price: 149,
   Images: [{
-    FileName: 'LV-6.jpg',
+    FileName: 'LV-2.jpg',
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
-    FileName: 'Restaurant-16.jpg',
+    FileName: 'Restaurant-19.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -388,7 +388,7 @@ export const data = [{
   Images: [{
     FileName: 'London-10.jpg',
   }, {
-    FileName: 'Lobby-5.jpg',
+    FileName: 'Lobby-9.jpg',
   }, {
     FileName: 'Bedroom-5-14.jpg',
     widthRatio: 2,
@@ -479,7 +479,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
     FileName: 'Restaurant-21.jpg',
   },
@@ -502,11 +502,11 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-15.jpg',
+    FileName: 'Restaurant-12.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bedroom-3-1.jpg',
+    FileName: 'Bedroom-2-2.jpg',
   },
   ],
 }, {
@@ -523,7 +523,7 @@ export const data = [{
   }, {
     FileName: 'Lobby-17.jpg',
   }, {
-    FileName: 'Bedroom-3-2.jpg',
+    FileName: 'Bedroom-1-9.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -531,9 +531,9 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
-    FileName: 'Restaurant-14.jpg',
+    FileName: 'Restaurant-7.jpg',
   },
   ],
 }, {
@@ -575,7 +575,7 @@ export const data = [{
   Images: [{
     FileName: 'NYC-0.jpg',
   }, {
-    FileName: 'Lobby-1.jpg',
+    FileName: 'Lobby-11.jpg',
   }, {
     FileName: 'Bathroom-7.jpg',
     widthRatio: 2,
@@ -614,7 +614,7 @@ export const data = [{
   }, {
     FileName: 'Bathroom-6.jpg',
   }, {
-    FileName: 'Restaurant-8.jpg',
+    FileName: 'Restaurant-3.jpg',
   },
   ],
 }, {
@@ -641,7 +641,7 @@ export const data = [{
   }, {
     FileName: 'Bedroom-5-11.jpg',
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
   },
   ],
 }, {
@@ -666,7 +666,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
   }, {
     FileName: 'Restaurant-6.jpg',
   },
@@ -681,9 +681,9 @@ export const data = [{
   City: 'New York',
   Price: 219,
   Images: [{
-    FileName: 'NYC-3.jpg',
+    FileName: 'NYC-1.jpg',
   }, {
-    FileName: 'Lobby-5.jpg',
+    FileName: 'Lobby-9.jpg',
   }, {
     FileName: 'MeetingRoom-4.jpg',
     widthRatio: 2,
@@ -710,7 +710,7 @@ export const data = [{
   Images: [{
     FileName: 'NYC-4.jpg',
   }, {
-    FileName: 'Lobby-31.jpg',
+    FileName: 'Lobby-27.jpg',
   }, {
     FileName: 'MeetingRoom-5.jpg',
     widthRatio: 2,
@@ -774,7 +774,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bedroom-5-9.jpg',
+    FileName: 'Bedroom-2-3.jpg',
   }, {
     FileName: 'Bathroom-6.jpg',
   },
@@ -845,7 +845,7 @@ export const data = [{
   Images: [{
     FileName: 'Paris-3.jpg',
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
   }, {
     FileName: 'MeetingRoom-4.jpg',
     widthRatio: 2,
@@ -911,7 +911,7 @@ export const data = [{
   }, {
     FileName: 'Restaurant-12.jpg',
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   },
   ],
 }, {
@@ -959,7 +959,7 @@ export const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-16.jpg',
+    FileName: 'Restaurant-19.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -982,7 +982,7 @@ export const data = [{
   }, {
     FileName: 'Bedroom-5-10.jpg',
   }, {
-    FileName: 'Lobby-2.jpg',
+    FileName: 'Lobby-4.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -992,7 +992,7 @@ export const data = [{
   }, {
     FileName: 'Restaurant-20.jpg',
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   },
   ],
 }, {
@@ -1007,7 +1007,7 @@ export const data = [{
   Images: [{
     FileName: 'SF-2.jpg',
   }, {
-    FileName: 'Lobby-22.jpg',
+    FileName: 'Lobby-27.jpg',
   }, {
     FileName: 'MeetingRoom-0.jpg',
     widthRatio: 2,
@@ -1019,7 +1019,7 @@ export const data = [{
   }, {
     FileName: 'Restaurant-21.jpg',
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   },
   ],
 }, {
@@ -1032,7 +1032,7 @@ export const data = [{
   City: 'San Francisco',
   Price: 599,
   Images: [{
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
     FileName: 'Bedroom-2-2.jpg',
   }, {
@@ -1154,7 +1154,7 @@ export const data = [{
   }, {
     FileName: 'Bedroom-2-9.jpg',
   }, {
-    FileName: 'Restaurant-21.jpgng',
+    FileName: 'Restaurant-21.jpg',
   },
   ],
 }, {
@@ -1167,7 +1167,7 @@ export const data = [{
   City: 'San Francisco',
   Price: 199,
   Images: [{
-    FileName: 'SF-9.jpg',
+    FileName: 'SF-5.jpg',
   }, {
     FileName: 'Lobby-18.jpg',
   }, {
diff --git a/apps/demos/Demos/Common/ListsOverview/jQuery/data.js b/apps/demos/Demos/Common/ListsOverview/jQuery/data.js
index 83099f73cc8c..c5edc5e7e685 100644
--- a/apps/demos/Demos/Common/ListsOverview/jQuery/data.js
+++ b/apps/demos/Demos/Common/ListsOverview/jQuery/data.js
@@ -37,7 +37,7 @@ const data = [{
   Images: [{
     FileName: 'Hamburg-5.jpg',
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
   }, {
     FileName: 'Bathroom-3.jpg',
     widthRatio: 2,
@@ -49,7 +49,7 @@ const data = [{
   }, {
     FileName: 'MeetingRoom-4.jpg',
   }, {
-    FileName: 'Restaurant-15.jpg',
+    FileName: 'Restaurant-12.jpg',
   },
   ],
 }, {
@@ -66,7 +66,7 @@ const data = [{
   }, {
     FileName: 'Lobby-9.jpg',
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -89,11 +89,11 @@ const data = [{
   City: 'Honolulu',
   Price: 111,
   Images: [{
-    FileName: 'Honolulu-0.jpg',
+    FileName: 'Honolulu-6.jpg',
   }, {
     FileName: 'Lobby-11.jpg',
   }, {
-    FileName: 'Bedroom-4-0.jpg',
+    FileName: 'Bedroom-2-1.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -128,7 +128,7 @@ const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
     FileName: 'Restaurant-13.jpg',
   },
@@ -145,9 +145,9 @@ const data = [{
   Images: [{
     FileName: 'Honolulu-10.jpg',
   }, {
-    FileName: 'Lobby-2.jpg',
+    FileName: 'Lobby-4.jpg',
   }, {
-    FileName: 'Bedroom-4-11.jpg',
+    FileName: 'Bedroom-1-2.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -157,7 +157,7 @@ const data = [{
   }, {
     FileName: 'Pool-4.jpg',
   }, {
-    FileName: 'Restaurant-14.jpg',
+    FileName: 'Restaurant-7.jpg',
   },
   ],
 }, {
@@ -182,7 +182,7 @@ const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
     FileName: 'Restaurant-7.jpg',
   },
@@ -209,9 +209,9 @@ const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
-    FileName: 'Restaurant-8.jpg',
+    FileName: 'Restaurant-3.jpg',
   },
   ],
 }, {
@@ -253,7 +253,7 @@ const data = [{
   Images: [{
     FileName: 'LV-1.jpg',
   }, {
-    FileName: 'Lobby-1.jpg',
+    FileName: 'Lobby-11.jpg',
   }, {
     FileName: 'Bedroom-1-2.jpg',
     widthRatio: 2,
@@ -263,7 +263,7 @@ const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-1.jpg',
+    FileName: 'Restaurant-9.jpg',
   }, {
     FileName: 'Pool-1.jpg',
   },
@@ -332,15 +332,15 @@ const data = [{
   City: 'Las Vegas',
   Price: 149,
   Images: [{
-    FileName: 'LV-6.jpg',
+    FileName: 'LV-2.jpg',
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
-    FileName: 'Restaurant-16.jpg',
+    FileName: 'Restaurant-19.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -388,7 +388,7 @@ const data = [{
   Images: [{
     FileName: 'London-10.jpg',
   }, {
-    FileName: 'Lobby-5.jpg',
+    FileName: 'Lobby-9.jpg',
   }, {
     FileName: 'Bedroom-5-14.jpg',
     widthRatio: 2,
@@ -479,7 +479,7 @@ const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
     FileName: 'Restaurant-21.jpg',
   },
@@ -502,11 +502,11 @@ const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-15.jpg',
+    FileName: 'Restaurant-12.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bedroom-3-1.jpg',
+    FileName: 'Bedroom-2-2.jpg',
   },
   ],
 }, {
@@ -523,7 +523,7 @@ const data = [{
   }, {
     FileName: 'Lobby-17.jpg',
   }, {
-    FileName: 'Bedroom-3-2.jpg',
+    FileName: 'Bedroom-1-9.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -531,9 +531,9 @@ const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   }, {
-    FileName: 'Restaurant-14.jpg',
+    FileName: 'Restaurant-7.jpg',
   },
   ],
 }, {
@@ -575,7 +575,7 @@ const data = [{
   Images: [{
     FileName: 'NYC-0.jpg',
   }, {
-    FileName: 'Lobby-1.jpg',
+    FileName: 'Lobby-11.jpg',
   }, {
     FileName: 'Bathroom-7.jpg',
     widthRatio: 2,
@@ -614,7 +614,7 @@ const data = [{
   }, {
     FileName: 'Bathroom-6.jpg',
   }, {
-    FileName: 'Restaurant-8.jpg',
+    FileName: 'Restaurant-3.jpg',
   },
   ],
 }, {
@@ -641,7 +641,7 @@ const data = [{
   }, {
     FileName: 'Bedroom-5-11.jpg',
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
   },
   ],
 }, {
@@ -666,7 +666,7 @@ const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bathroom-4.jpg',
+    FileName: 'Bathroom-3.jpg',
   }, {
     FileName: 'Restaurant-6.jpg',
   },
@@ -681,9 +681,9 @@ const data = [{
   City: 'New York',
   Price: 219,
   Images: [{
-    FileName: 'NYC-3.jpg',
+    FileName: 'NYC-1.jpg',
   }, {
-    FileName: 'Lobby-5.jpg',
+    FileName: 'Lobby-9.jpg',
   }, {
     FileName: 'MeetingRoom-4.jpg',
     widthRatio: 2,
@@ -710,7 +710,7 @@ const data = [{
   Images: [{
     FileName: 'NYC-4.jpg',
   }, {
-    FileName: 'Lobby-31.jpg',
+    FileName: 'Lobby-27.jpg',
   }, {
     FileName: 'MeetingRoom-5.jpg',
     widthRatio: 2,
@@ -774,7 +774,7 @@ const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Bedroom-5-9.jpg',
+    FileName: 'Bedroom-2-3.jpg',
   }, {
     FileName: 'Bathroom-6.jpg',
   },
@@ -845,7 +845,7 @@ const data = [{
   Images: [{
     FileName: 'Paris-3.jpg',
   }, {
-    FileName: 'Lobby-14.jpg',
+    FileName: 'Lobby-16.jpg',
   }, {
     FileName: 'MeetingRoom-4.jpg',
     widthRatio: 2,
@@ -911,7 +911,7 @@ const data = [{
   }, {
     FileName: 'Restaurant-12.jpg',
   }, {
-    FileName: 'Pool-3.jpg',
+    FileName: 'Pool-6.jpg',
   },
   ],
 }, {
@@ -959,7 +959,7 @@ const data = [{
     widthRatio: 2,
     heightRatio: 2,
   }, {
-    FileName: 'Restaurant-16.jpg',
+    FileName: 'Restaurant-19.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -982,7 +982,7 @@ const data = [{
   }, {
     FileName: 'Bedroom-5-10.jpg',
   }, {
-    FileName: 'Lobby-2.jpg',
+    FileName: 'Lobby-4.jpg',
     widthRatio: 2,
     heightRatio: 2,
   }, {
@@ -992,7 +992,7 @@ const data = [{
   }, {
     FileName: 'Restaurant-20.jpg',
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   },
   ],
 }, {
@@ -1007,7 +1007,7 @@ const data = [{
   Images: [{
     FileName: 'SF-2.jpg',
   }, {
-    FileName: 'Lobby-22.jpg',
+    FileName: 'Lobby-27.jpg',
   }, {
     FileName: 'MeetingRoom-0.jpg',
     widthRatio: 2,
@@ -1019,7 +1019,7 @@ const data = [{
   }, {
     FileName: 'Restaurant-21.jpg',
   }, {
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   },
   ],
 }, {
@@ -1032,7 +1032,7 @@ const data = [{
   City: 'San Francisco',
   Price: 599,
   Images: [{
-    FileName: 'Pool-8.jpg',
+    FileName: 'Pool-11.jpg',
   }, {
     FileName: 'Bedroom-2-2.jpg',
   }, {
@@ -1154,7 +1154,7 @@ const data = [{
   }, {
     FileName: 'Bedroom-2-9.jpg',
   }, {
-    FileName: 'Restaurant-21.jpgng',
+    FileName: 'Restaurant-21.jpg',
   },
   ],
 }, {
@@ -1167,7 +1167,7 @@ const data = [{
   City: 'San Francisco',
   Price: 199,
   Images: [{
-    FileName: 'SF-9.jpg',
+    FileName: 'SF-5.jpg',
   }, {
     FileName: 'Lobby-18.jpg',
   }, {
diff --git a/apps/demos/images/hotels/Bathroom-4.jpg b/apps/demos/images/hotels/Bathroom-4.jpg
deleted file mode 100644
index 446eb5ea7fd3..000000000000
Binary files a/apps/demos/images/hotels/Bathroom-4.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Bedroom-3-1.jpg b/apps/demos/images/hotels/Bedroom-3-1.jpg
deleted file mode 100644
index 63acbeaf920b..000000000000
Binary files a/apps/demos/images/hotels/Bedroom-3-1.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Bedroom-3-2.jpg b/apps/demos/images/hotels/Bedroom-3-2.jpg
deleted file mode 100644
index f549d5d98d1f..000000000000
Binary files a/apps/demos/images/hotels/Bedroom-3-2.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Bedroom-4-0.jpg b/apps/demos/images/hotels/Bedroom-4-0.jpg
deleted file mode 100644
index abddd009e0ff..000000000000
Binary files a/apps/demos/images/hotels/Bedroom-4-0.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Bedroom-4-11.jpg b/apps/demos/images/hotels/Bedroom-4-11.jpg
deleted file mode 100644
index e14a051bf2ae..000000000000
Binary files a/apps/demos/images/hotels/Bedroom-4-11.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Bedroom-5-9.jpg b/apps/demos/images/hotels/Bedroom-5-9.jpg
deleted file mode 100644
index 72a93c0e7866..000000000000
Binary files a/apps/demos/images/hotels/Bedroom-5-9.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Honolulu-0.jpg b/apps/demos/images/hotels/Honolulu-0.jpg
deleted file mode 100644
index 4e6601eddb47..000000000000
Binary files a/apps/demos/images/hotels/Honolulu-0.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/LV-6.jpg b/apps/demos/images/hotels/LV-6.jpg
deleted file mode 100644
index 7242f32a1cdf..000000000000
Binary files a/apps/demos/images/hotels/LV-6.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Lobby-1.jpg b/apps/demos/images/hotels/Lobby-1.jpg
deleted file mode 100644
index 4c0abed42ea6..000000000000
Binary files a/apps/demos/images/hotels/Lobby-1.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Lobby-14.jpg b/apps/demos/images/hotels/Lobby-14.jpg
deleted file mode 100644
index 64d904794b1e..000000000000
Binary files a/apps/demos/images/hotels/Lobby-14.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Lobby-2.jpg b/apps/demos/images/hotels/Lobby-2.jpg
deleted file mode 100644
index ea28af9c0ba2..000000000000
Binary files a/apps/demos/images/hotels/Lobby-2.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Lobby-22.jpg b/apps/demos/images/hotels/Lobby-22.jpg
deleted file mode 100644
index b18303e1d83d..000000000000
Binary files a/apps/demos/images/hotels/Lobby-22.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Lobby-31.jpg b/apps/demos/images/hotels/Lobby-31.jpg
deleted file mode 100644
index 081047fd2f8f..000000000000
Binary files a/apps/demos/images/hotels/Lobby-31.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Lobby-5.jpg b/apps/demos/images/hotels/Lobby-5.jpg
deleted file mode 100644
index 0c5f9992e77f..000000000000
Binary files a/apps/demos/images/hotels/Lobby-5.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/NYC-3.jpg b/apps/demos/images/hotels/NYC-3.jpg
deleted file mode 100644
index af73c6eac61e..000000000000
Binary files a/apps/demos/images/hotels/NYC-3.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Pool-3.jpg b/apps/demos/images/hotels/Pool-3.jpg
deleted file mode 100644
index 9f2f0b2f8ec9..000000000000
Binary files a/apps/demos/images/hotels/Pool-3.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Pool-8.jpg b/apps/demos/images/hotels/Pool-8.jpg
deleted file mode 100644
index 683146f74cec..000000000000
Binary files a/apps/demos/images/hotels/Pool-8.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Restaurant-1.jpg b/apps/demos/images/hotels/Restaurant-1.jpg
deleted file mode 100644
index a51c73d624c0..000000000000
Binary files a/apps/demos/images/hotels/Restaurant-1.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Restaurant-14.jpg b/apps/demos/images/hotels/Restaurant-14.jpg
deleted file mode 100644
index c808a5f0c0ab..000000000000
Binary files a/apps/demos/images/hotels/Restaurant-14.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Restaurant-15.jpg b/apps/demos/images/hotels/Restaurant-15.jpg
deleted file mode 100644
index 59197243524b..000000000000
Binary files a/apps/demos/images/hotels/Restaurant-15.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Restaurant-16.jpg b/apps/demos/images/hotels/Restaurant-16.jpg
deleted file mode 100644
index c29a8c0affd5..000000000000
Binary files a/apps/demos/images/hotels/Restaurant-16.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/Restaurant-8.jpg b/apps/demos/images/hotels/Restaurant-8.jpg
deleted file mode 100644
index 979a8986edf8..000000000000
Binary files a/apps/demos/images/hotels/Restaurant-8.jpg and /dev/null differ
diff --git a/apps/demos/images/hotels/SF-9.jpg b/apps/demos/images/hotels/SF-9.jpg
deleted file mode 100644
index 112dc94e0561..000000000000
Binary files a/apps/demos/images/hotels/SF-9.jpg and /dev/null differ