changed image width

packages/components/src/components/spinner/Usage.mdx

@@ -23,11 +23,11 @@ The Spinner component is used to indicate loading or processing states in the us
 
 ### Default spinner
 It is a versatile spinner suitable for various loading processes. It features rounded corners with a 1px border, providing a clean and modern appearance.
-<img src={SpinnerVariantDefualt} alt="Spinner Default" />
+<img src={SpinnerVariantDefualt} alt="Spinner Default" width="50%" />
 
 ### Brand spinner
 It is a specialized spinner designed to align with the Infineon theme. It takes inspiration from a semiconductor and is particularly suited for marketing websites, adding a touch of visual appeal.
-<img src={SpinnerVariantBrand} alt="Spinner Brand" />
+<img src={SpinnerVariantBrand} alt="Spinner Brand" width="50%" />
 
 ## Size
 <img src={SpinnerSizes} alt="Spinner Sizes" />
@@ -37,7 +37,6 @@ Use it when you want to indicate to the user that the entire screen or page is b
 
 ### 24px
 Use it to indicate loading states within individual components. Note: There is no branding spinner in this size.
-<img src={ButtonGroupingByImportance} alt="Button Group By Importance" />
 
 ***
 Check out the Figma component: **[Spinner](https://www.figma.com/file/zPvPwPgb4EsYFXKC2nhzSG/Infineon-DDS-%7C-Main?type=design&node-id=33581-21725&mode=design&t=2lNZOOqATnlJOKBG-4)**