From c1b72c04481ea6c3b39f2bc35e966c58b29ce5da Mon Sep 17 00:00:00 2001
From: VWSCoronaDashboard26 <VWSCoronaDashboard26@users.noreply.github.com>
Date: Wed, 15 Feb 2023 13:24:24 +0100
Subject: [PATCH] bugfix(images): temporary revert to basic img element to see
 if that fixes anything;

---
 packages/app/src/components/article-teaser.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/components/article-teaser.tsx b/packages/app/src/components/article-teaser.tsx
index 16e95e1ce5..f0a7bf5c5d 100644
--- a/packages/app/src/components/article-teaser.tsx
+++ b/packages/app/src/components/article-teaser.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable */
 import css from '@styled-system/css';
 import { ReactNode } from 'react';
 import styled from 'styled-components';
@@ -9,6 +10,7 @@ import { Link } from '~/utils/link';
 import { BackgroundImage } from './background-image';
 import { Box } from './base';
 import { Anchor, Heading, Text, BoldText } from './typography';
+import { getImageProps } from '~/lib/sanity';
 
 export type ArticleSummary = Pick<Article, 'title' | 'slug' | 'summary' | 'cover' | 'category' | 'categories'>;
 
@@ -24,12 +26,15 @@ export function ArticleTeaser(props: ArticleTeaserProps) {
   const { title, slug, summary, cover, coverSizes } = props;
   const { commonTexts } = useIntl();
 
+  const { src } = getImageProps(cover, {});
+
   return (
     <Link passHref href={`/artikelen/${slug}`}>
       <StyledArticleTeaser>
         {cover.asset && (
           <ZoomContainer height="200px">
-            <BackgroundImage image={cover} height="200px" sizes={coverSizes} />
+            {/* <BackgroundImage image={cover} height="200px" sizes={coverSizes} /> */}
+            <img src={src} />
           </ZoomContainer>
         )}