diff --git a/src/components/grid.tsx b/src/components/grid.tsx
index 01877134..1bb34ffa 100644
--- a/src/components/grid.tsx
+++ b/src/components/grid.tsx
@@ -127,7 +127,12 @@ class GridTable extends Component<GridTableProps> {
   }
 }
 
-export default class Grid extends Component {
+interface GridProps {
+  data: object;
+  psych_data: object;
+}
+
+export default class Grid extends Component<GridProps> {
   state = {
     value: '',
     checked_boxes: ['alcohol', 'cannabis', 'cocaine', 'ketamine'],
@@ -200,9 +205,8 @@ export default class Grid extends Component {
                   <div class="w-full lg:text-lg font-semibold searchable-title text-md">{item.displayname}</div>
                   <img alt={item.img_capt}
                     class="rounded-lg align-middle h-auto leading-none shadow-lg"
-                    decoding="async" loading="lazy" src={item.img.src}
-                    width={item.img.attributes.width}
-                    height={item.img.attributes.height}
+                    decoding="async" loading="lazy" 
+                    {...item.img}
                     />
                 </div>
               </label>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c43de2df..9d283fd9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -17,7 +17,7 @@ for (let sub of substances) {
     slug: sub.slug,
     aka: sub.data.aka,
     fam: sub.data.family_members,
-    img: await getImage({ src: sub.data.image_location, width: 220 }),
+    img: sub.data.image_location,
     img_capt: sub.data.image_caption,
   };
   preact_data[sub.slug] = item;
@@ -106,6 +106,7 @@ for (let sub of substances) {
       Low Risk No Synergy</span
     >
   </span>
+
+  <Grid psych_data={preact_data} data={data} client:visible />
+  <Disclaimer />
 </BaseLayout>
-<Grid psych_data={preact_data} data={data} client:visible />
-<Disclaimer />