chore: update readme file with screenshots

Author: lokesh-coder

README.md

@@ -48,6 +48,8 @@ Size of the blob. It is mandatory.
 Blob.random(size:200),
 ```
 
+![Basic blob](./screenshots/blob_light.jpg)
+
  
 
 > #### Blob shape settings
@@ -63,7 +65,7 @@ Blob.random(
 ),
 ```
 
-![Basic blob](./screenshots/blob_medium.png)
+![Basic blob](./screenshots/blob_normal.jpg)
 
  
 
@@ -118,6 +120,8 @@ Blob.fromHash(
 ),
 ```
 
+![Fixed blob](./screenshots/hash.gif)
+
  
 
 > #### Styles
@@ -136,13 +140,18 @@ Blob.random(
 ),
 ```
 
+![Custom color](./screenshots/color.jpg)
+
 Gradient can be Linear or Radial. `LinearGradient` will look like this,
 
 ```dart
 LinearGradient(colors: [Colors.red, Colors.green])
 .createShader(Rect.fromLTRB(0, 0, 300, 300))
 ```
 
+![Basic blob](./screenshots/blob_gradient.jpg)
+![Basic blob](./screenshots/blob_outline.jpg)
+
  
 
 > #### Child Widget
@@ -156,6 +165,8 @@ Blob.random(
 ),
 ```
 
+![Child](./screenshots/child.gif)
+
  
 
 > #### Animating the blobs
@@ -173,6 +184,8 @@ Blob.animatedRandom(
 
 `duration` is optional. Default is `500` milliseconds.
 
+![Animation](./screenshots/animated_basic.gif)
+
  
 
 > #### Change shapes automatically
@@ -202,6 +215,8 @@ Blob.animatedFromHash(
 ),
 ```
 
+![Animate fixed blobs](./screenshots/animated_hash.gif)
+
  
 
 > #### Debug
@@ -215,6 +230,8 @@ Blob.random(
 ),
 ```
 
+![Debug](./screenshots/debug.jpg)
+
  
 
 ### Clipper
@@ -230,6 +247,8 @@ Container(
 )
 ```
 
+![Animate fixed blobs](./screenshots/clipping.gif)
+
  
 
 ### Service

example/lib/examples/static/static_debug.dart

@@ -10,7 +10,7 @@ class StaticDebugExample extends StatelessWidget {
   Widget build(BuildContext context) {
     BlobController blobCtrl = BlobController();
     return AppShell(
-      title: 'Static Basic',
+      title: 'Debug',
       child: Center(
         child: Column(
           mainAxisSize: MainAxisSize.min,