diff --git a/src/app/[locale]/viewer/_components/submodel/coffee-consumption/CoffeeConsumptionVisualizations.tsx b/src/app/[locale]/viewer/_components/submodel/coffee-consumption/CoffeeConsumptionVisualizations.tsx
index 74e3ec1..1fd5731 100644
--- a/src/app/[locale]/viewer/_components/submodel/coffee-consumption/CoffeeConsumptionVisualizations.tsx
+++ b/src/app/[locale]/viewer/_components/submodel/coffee-consumption/CoffeeConsumptionVisualizations.tsx
@@ -5,7 +5,6 @@ import { useIntl } from 'react-intl';
 import { ArrowForward } from '@mui/icons-material';
 import { encodeBase64 } from 'lib/util/Base64Util';
 import { useEffect, useState } from 'react';
-import Image from 'next/image';
 import CowMilk from 'assets/CoffeeConsumptionIcons/grey/grey_cow.svg';
 import OatMilk from 'assets/CoffeeConsumptionIcons/grey/grey_oat.svg';
 import Sugar from 'assets/CoffeeConsumptionIcons/grey/grey_sugar.svg';
@@ -223,17 +222,17 @@ export function CoffeeConsumptionVisualizations(props: { submodel: Submodel }) {
                                             onClick={() => (window.location.href = element.address ?? '')}
                                         >
                                             <td className="elementName">
-                                                <Image className="icon" src={element.coffeeIcon} alt="Coffee" />
+                                                <img className="icon" src={element.coffeeIcon} alt="Coffee" />
                                                 <br />
                                                 {element.coffeeName}
                                             </td>
                                             <td className="contents">
-                                                <Image className="icon" src={element.milkIcon} alt="Milk" />
+                                                <img className="icon" src={element.milkIcon} alt="Milk" />
                                                 <br />
                                                 {element.milk.quantity}
                                             </td>
                                             <td className="contents">
-                                                <Image className="icon" src={element.sugarIcon} alt="Sugar" />
+                                                <img className="icon" src={element.sugarIcon} alt="Sugar" />
                                                 <br />
                                                 {element.sugar.quantity}
                                             </td>
@@ -259,7 +258,7 @@ export function CoffeeConsumptionVisualizations(props: { submodel: Submodel }) {
                 </h1>
             )}
             <h3>What are the benefits of tracking your products with the AAS?</h3>
-            <Image className="takeHome" src={TakeHomeMessage} alt={'take home'}/>
+            <img className="takeHome" src={TakeHomeMessage} alt={'take home'}/>
         </div>
     );
 }