docs(howto-bookmarks): replace "search my bookmarks" gif

Author: 4drianMatei

documentation/img/logo/logo-codever-dark-red.png

@@ -87,7 +87,8 @@ <h2>Bookmarks <i class="fa fa-bookmark"></i></h2>
                       <app-codever-bookmarklet [withWindowDialog]="false"></app-codever-bookmarklet>
                       - when clicked it redirects you to the <a href="{{environment.HOST}}/my-bookmarks/new">New
                       Bookmark</a> form.
-                      Once added, you go back to the initial page [<em>recommended for <strong>phones</strong> or smaller
+                      Once added, you go back to the initial page [<em>recommended for <strong>phones</strong> or
+                      smaller
                       resolution devices</em>]
                     </li>
                   </ul>
@@ -97,7 +98,8 @@ <h2>Bookmarks <i class="fa fa-bookmark"></i></h2>
                     to use it as <strong>description</strong> when choosing to create a <strong>new bookmark</strong>.
 
                     <br/><br/>
-                    If <strong>no text selection</strong>, then the <strong>new bookmark</strong> dialog is presented. The
+                    If <strong>no text selection</strong>, then the <strong>new bookmark</strong> dialog is presented.
+                    The
                     <strong>meta:description</strong>, if available,
                     will be used for the <strong>description</strong> field
                   </p>
@@ -106,7 +108,8 @@ <h2>Bookmarks <i class="fa fa-bookmark"></i></h2>
                     <h3>Save bookmark via bookmarklet demo</h3>
                   </div>
                   <div class="image-container">
-                    <img src="assets/img/gif/codever-bookmarklet-save-bookmark-800x454.gif" alt="Save bookmark via bookmarklet"
+                    <img src="assets/img/gif/codever-bookmarklet-save-bookmark-800x454.gif"
+                         alt="Save bookmark via bookmarklet"
                          border="0">
                   </div>
                 </div>
@@ -162,7 +165,7 @@ <h3>Example</h3>
             in) :
           </p>
 
-          <img class="mt-2 img-fluid" src="./assets/img/gif/howto-search-bookmarks-1276x936.gif"
+          <img class="mt-2 img-fluid" src="./assets/img/gif/codever-search-my-bookmark-800x457.gif"
                alt="How to save and search a snippet"/>
 
           <p class="alert-info p-2 mt-2">
@@ -203,12 +206,13 @@ <h3>Filters</h3>
 
           <div class="mt-3">
             <h3>Save searches</h3>
-            <p class="note_normal">You have the possibility to save this search by clicking the <strong><i
+            <p class="note_normal">You have the possibility to save the search permanently by clicking the <strong><i
               class="fas fa-save"></i></strong> (Save search)
               button in the search bar. This way it will be displayed in the <strong>auto completion</strong> when you
               input
               text in the Search
-              bar </p>
+              bar - <strong>Successful</strong> searches are saved automatically in the recent search history for
+              auto completion. </p>
           </div>
 
           <div class="mt-3">