Remove img CSS classes

vizro-core/docs/pages/user-guides/card-button.md

@@ -323,17 +323,18 @@ Note the added URL hash `#my-image`. Now create a CSS file placed in your `asset
 Use the following pre-defined URL hashes in your image path to apply Vizro's default styling.
 
 #### To float the image next to the text:
+To float an image for example to the right of the text, use the `src` attribute as a CSS selector. Follow these steps:
 
-- floating-left: `![](my_image.png#floating-left)`
-- floating-right: `![](my_image.png#floating-right)`
-- floating-center: `![](my_image.png#floating-center)`
+1. Add a hash (#) to the image URL, e.g., `![](assets/images/continents/europe.svg#my-image)`
+2. Target that hash in your custom CSS file `img[src*="#my-image"] { float: right; }`
 
 !!! example "Card with floating image"
     === "images.css"
         ```css
         img[src*="#my-image"] {
             width: 120px;
             height: 120px;
+            float: right;
         }
         ```
 
@@ -349,7 +350,7 @@ Use the following pre-defined URL hashes in your image path to apply Vizro's def
                         text="""
                         ### My card with floating image!
 
-                        ![](assets/images/continents/europe.svg#my-image#floating-right)
+                        ![](assets/images/continents/europe.svg#my-image)
 
                          Commodi repudiandae consequuntur voluptatum laborum numquam blanditiis harum quisquam eius sed odit.
 
@@ -381,7 +382,7 @@ Use the following pre-defined URL hashes in your image path to apply Vizro's def
         pages:
           - components:
               - text: |
-                  ![](assets/images/continents/europe.svg#my-image#floating-right)
+                  ![](assets/images/continents/europe.svg#my-image)
 
                   Commodi repudiandae consequuntur voluptatum laborum numquam blanditiis harum quisquam eius sed odit.
 

vizro-core/src/vizro/static/css/bootstrap_overwrites.css

@@ -71,3 +71,9 @@ To ensure the dynamic height adjustment and prevent scrolling, the height must b
 label[for="theme-selector"] {
   display: none;
 }
+
+img[src*="icon-top"] {
+  filter: var(--fill-icon-image-card);
+  height: 36px;
+  width: 36px;
+}