diff --git a/packages/design-system/src/MetaTile.tsx b/packages/design-system/src/MetaTile.tsx
index 57cae1dc..ce691fdc 100644
--- a/packages/design-system/src/MetaTile.tsx
+++ b/packages/design-system/src/MetaTile.tsx
@@ -68,7 +68,7 @@ export const MetaTile: React.FC<FlexProps & MetaTileProps> = ({
     >
       <Flex
         direction="column"
-        bgColor="hsl(253deg 65% 11% / 55%)"
+        bg="rgba(255, 255, 255, 0.08)"
         style={{ backdropFilter: 'blur(7px)' }}
         rounded="lg"
         p={6}
diff --git a/packages/web/assets/quests/quest.png b/packages/web/assets/quests/quest.png
new file mode 100644
index 00000000..ac8da7cc
Binary files /dev/null and b/packages/web/assets/quests/quest.png differ
diff --git a/packages/web/components/Quest/QuestTile.tsx b/packages/web/components/Quest/QuestTile.tsx
index ac282e5d..b8cdeefa 100644
--- a/packages/web/components/Quest/QuestTile.tsx
+++ b/packages/web/components/Quest/QuestTile.tsx
@@ -9,7 +9,7 @@ import {
   Prose,
   Text,
 } from '@metafam/ds';
-import BackgroundImage from 'assets/main-background.jpg';
+import BackgroundImage from 'assets/quests/quest.png';
 import { MetaLink } from 'components/Link';
 import { MarkdownViewer as Markdown } from 'components/MarkdownViewer';
 import { RolesTags } from 'components/Quest/Roles';
diff --git a/packages/web/components/SquareImage.tsx b/packages/web/components/SquareImage.tsx
index c5ec9fa8..22e2b287 100644
--- a/packages/web/components/SquareImage.tsx
+++ b/packages/web/components/SquareImage.tsx
@@ -18,6 +18,7 @@ export const SquareImage: React.FC<SquareImageProps> = ({ src }) => (
     <img
       style={{
         position: 'absolute',
+        borderRadius: '10px 10px 0 0',
         width: '100%',
         height: '100%',
         objectFit: 'cover',