added

app/products/premium-rudraksha-consultation-astrology/page.jsx

@@ -39,6 +39,9 @@ async function Page() {
             src={`${backendUrl}${item.image?.path}`}
             alt={item.title}
             className="rounded-full p-2"
+            style={{
+              objectFit: "contain",
+            }}
           />
         ),
       }))

components/premium-rudraksha/PremiumBanner.jsx

@@ -58,11 +58,11 @@ const PremiumBanner = ({ data }) => {
   };
 
   return (
-    <div className="min-h-screen bg-white p-8 flex items-center justify-center">
-      <div className="max-w-6xl w-full bg-white shadow-lg rounded-xl overflow-hidden p-12">
+    <div className="min-h-screen bg-white p-2 md:p-8 flex items-center justify-center">
+      <div className="max-w-6xl w-full bg-white shadow-lg rounded-xl overflow-hidden p-4 md:p-12">
         <div className="grid md:grid-cols-2 gap-8">
           {/* Left: Form Section */}
-          <div className="bg-[#EDE8E0] p-14 flex flex-col justify-center rounded-lg">
+          <div className="bg-[#EDE8E0] p-2  md:p-14 flex flex-col justify-center rounded-lg ">
             <h2 className="text-4xl font-serif text-center text-[#AC8C6B]">
               Book a Free Consultation
             </h2>