Update Brands widget to use Image component

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>
             )
         )