--- a/product-card.framerfx/code/Card.tsx
+++ b/product-card.framerfx/code/Card.tsx
@@ -1,10 +1,19 @@
 import * as React from 'react'
 import { Frame, useCycle, Stack } from 'framer'
+import { url } from 'framer/resource'

 export function Card() {
   return (
     <Stack gap={0} width="100%" height="100%" background="pink">
-      <Frame background="green" width="100%" height="60%" />
+      <Frame
+        // background="green"
+
+        width="100%"
+        height="60%"
+        background={
+          'center / contain no-repeat url(' + url('/images/a.png') + ')'
+        }
+      />
       <Frame background="blue" width="100%" height="40%" />
     </Stack>
   )