loader background color + compressed map image

src/components/HouseItem.tsx

@@ -24,8 +24,8 @@ const HouseItem = ({ villa }: HouseItemProps) => {
   return (
     <div className={`flex flex-col border border-[#DDD7D6] rounded-2xl`}>
       <div className="flex w-full text-[12px] font-medium">
-        <div className="w-1/2 overflow-hidden p-2">
-          <div className="w-full min-w-full h-[132px] max-h-[132px] overflow-hidden">
+        <div className="w-1/2 overflow-clip p-2">
+          <div className="w-full min-w-full h-[132px] max-h-[132px] overflow-clip">
             {villa?.perspectiveWorkings[0]?.image && (
               <img
                 style={{ overflowClipMargin: "unset" }}

src/components/LoaderModal.tsx

@@ -33,7 +33,7 @@ const LoaderModal = ({ isSimleLoader = false }: LoaderModalProps) => {
 
   return (
     <div
-      className={`bg-[#F3F2F0] h-full w-full flex justify-center items-center flex-col fixed z-50 top-0 right-0 leading-snug ${
+      className={`bg-[#E9DCCF] h-full w-full flex justify-center items-center flex-col fixed z-50 top-0 right-0 leading-snug ${
         isMapDesktopModal ? "opacity-50 w-[calc(100vw-384px)]" : ""
       } `}
     >