TrustLab Home page : Spotlight - Yellow stroke missing on dev for images used in Spotlight.

Fixes #1312

TrustLab Home Page : Spotlight - Change the Spotlight design background to a lighter one.
Fixes #1313

Author: Kevin Koech

apps/trustlab/src/components/Resources/Resources.js

@@ -11,7 +11,7 @@ const Resources = forwardRef(function Resources(props, ref) {
     <Box ref={ref} sx={{ background: "#CDCDCD" }}>
       <Section sx={{ py: 4, px: { xs: 2.5, md: 0 } }}>
         {title && (
-          <Typography variant="display4" sx={{ mb: 2 }}>
+          <Typography variant="display4" sx={{ mb: 4 }}>
             {title}
           </Typography>
         )}

apps/trustlab/src/components/Spotlight/Spotlight.js

@@ -44,7 +44,7 @@ const Spotlight = React.forwardRef(function Spotlight(
   };
 
   return (
-    <Box ref={ref} sx={{ background: "#7C7C7C" }}>
+    <Box ref={ref} sx={{ background: "#EFEFEF" }}>
       <Section sx={{ py: 7.5, px: { xs: 2.5, md: 0 } }}>
         <Typography variant="display4" sx={{ mb: 2 }}>
           {title}

apps/trustlab/src/components/SpotlightCard/SpotlightCard.js

@@ -7,7 +7,7 @@ function SpotlightCard(props) {
     <Card
       sx={{
         width: "100%",
-        height: 220,
+        height: 200,
         maxWidth: { xs: "100%", sm: 370 },
         minWidth: 300,
         borderRadius: "10px",
@@ -27,10 +27,11 @@ function SpotlightCard(props) {
         sx={{
           width: "100%",
           height: "100%",
+          maxHeight: 200,
+          maxWidth: 350,
           objectFit: "cover",
           borderRadius: "10px",
           display: "block",
-          filter: "grayscale(100%)",
         }}
       />
       <Button