final changes

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}

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';

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',