Update Brands widget to use Image component

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@onwidget/astrowind",
-  "version": "1.0.0-beta.24",
+  "version": "1.0.0-beta.25",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@onwidget/astrowind",
-      "version": "1.0.0-beta.24",
+      "version": "1.0.0-beta.25",
       "dependencies": {
         "@astro-community/astro-embed-youtube": "^0.5.2",
         "@astrojs/rss": "^4.0.5",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onwidget/astrowind",
-  "version": "1.0.0-beta.24",
+  "version": "1.0.0-beta.25",
   "description": "AstroWind: A free template using Astro 4.0 and Tailwind CSS. Astro starter theme.",
   "type": "module",
   "private": true,

src/components/widgets/Brands.astro

@@ -1,6 +1,8 @@
 ---
 import { Icon } from 'astro-icon/components';
 import type { Brands as Props } from '~/types';
+
+import Image from '~/components/common/Image.astro';
 import Headline from '~/components/ui/Headline.astro';
 import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
 const {
@@ -27,7 +29,7 @@ const {
           (image) =>
             image.src && (
               <div class="flex justify-center col-span-1 my-2 lg:my-4 py-1 px-3 rounded-md dark:bg-gray-200">
-                <img src={image.src} alt={image.alt || ''} class="max-h-12" />
+                <Image src={image.src} alt={image.alt || ''} class="max-h-12" width={120} height={48} layout="fixed" />
               </div>
             )
         )