image landing

components/LandingPage/BetweenSexualSection/page.jsx

@@ -1,6 +1,6 @@
 import Image from "next/image";
 import Link from "next/link";
-import between from "../../../public/images/between.jpeg";
+import between from "../../../public/images/between.jpg";
 import between1 from "../../../public/images/between1.png";
 import between2 from "../../../public/images/between2.png";
 
@@ -41,12 +41,12 @@ const BetweenSexualSection = () => {
                 className="w-full mx-3"
               >
                 <div className="bg-pink-300 p-3 w-full mx-1 rounded-3xl  lg:my-0 ">
-                  <div className="flex justify-end">
-                    <div className="absolute mt-[-43px]">
+                  <div className="flex justify-end ">
+                    <div className="absolute mt-[-43px] ">
                       <div className="xs:w-[140px] lg:w-[150px]">
                         <Image
                           src={between1}
-                          className=" object-cover"
+                          className=" object-cover xs:w-[140px] lg:w-[150px]"
                           alt="لوازم بهداشت بانوان وسمه"
                         />
                       </div>

components/LandingPage/HomeSection/page.jsx

@@ -9,7 +9,7 @@ const HomeSection = ({ data }) => {
     <section className="xs:mb-0 lg:mb-20">
       <div className=" xs:px-5 lg:px-20 mt-10">
         <div className="grid xs:grid-cols-1 lg:grid-cols-3 rtl ">
-          <div className="rounded-3xl overflow-hidden relative z-10">
+          <div className="rounded-3xl overflow-hidden relative z-10 h-fit">
             <div className="w-full">
               <Image
                 src={khane}