Add project backgrounds

client/src/components/Projects/Projects.jsx

@@ -25,7 +25,15 @@ const Projects = React.memo(({ items, isEditable, onAdd }) => {
                   : Paths.PROJECTS.replace(':id', item.id)
               }
             >
-              <div className={classNames(styles.card, styles.open)}>
+              <div
+                className={classNames(styles.card, styles.open)}
+                style={{
+                  background:
+                    item.background &&
+                    item.background.type === 'image' &&
+                    `url("${item.backgroundImage.coverUrl}") center / cover`,
+                }}
+              >
                 {item.notificationsTotal > 0 && (
                   <span className={styles.notification}>{item.notificationsTotal}</span>
                 )}

client/src/components/Projects/Projects.module.css

@@ -75,7 +75,6 @@
 
 .open {
   background: #555;
-  background-size: cover;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 6px 12px rgba(0, 0, 0, 0.1);
   color: #fff;
   position: relative;