fix: changes card background to white

src/pages/landing/apps-card.js

@@ -4,7 +4,7 @@ import { Link } from "gatsby"
 
 const AppCards = ({ apps }) => {
   return (
-    <div className="overflow-hidden shadow-md rounded-md hover:shadow-2xl duration-300 justify-self-stretch flex flex-col">
+    <div className="overflow-hidden shadow-md rounded-md hover:shadow-2xl duration-300 justify-self-stretch flex flex-col bg-white">
       <div className="h-36 w-full flex flex-col items-center justify-center overflow-hidden">
         <img
           loading="lazy"

src/pages/landing/landing-projects.js

@@ -29,9 +29,9 @@ const LandingProjects = () => {
           return (
             <div
               key={`projects_${idx}`}
-              className="grid grid-cols-1 md:grid-cols-2 shadow-md hover:shadow-lg gap-x-5"
+              className="grid grid-cols-1 md:grid-cols-2 shadow-md hover:shadow-lg gap-x-5 bg-white"
             >
-              <div className="rounded-lg h-auto max-w-md p-2">
+              <div className="rounded-lg h-auto max-w-md p-2 ">
                 <img loading="lazy" alt={project.title} src={project.img} />
               </div>
               <div className="pr-5">

src/pages/landing/landing.js

@@ -12,13 +12,13 @@ const landing = () => {
       <LandingApps />
       <LandingProjects />
       <LandingDesign />
-      <div className=" container md:flex md:items-center mx-auto shadow-2xl sm:shadow-none mb-5">
-        {/* <StaticImage
+      {/* <div className=" container md:flex md:items-center mx-auto shadow-2xl sm:shadow-none mb-5"> */}
+      {/* <StaticImage
           alt="poster"
           className="absolute backdrop-filter z-0 left-0 w-full h-vw-50 sm:h-vw-40 md:h-80 lg:h-88 xl:h-96 2xl:h-112 object-cover"
           src="../../images/landing/rabira-hierpa-web.jpg"
         /> */}
-      </div>
+      {/* </div> */}
     </div>
   )
 }