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";
 
@@ -46,7 +46,7 @@ const BetweenSexualSection = () => {
                       <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}