Initial Changes

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

@@ -6,6 +6,7 @@ import PremiumBannerTwo from "@/components/premium-rudraksha/PremiumBannerTwo";
 import PremuimBannerThree from "@/components/premium-rudraksha/PremuimBannerThree";
 import { categoriesForPremiumThree, services } from "@/utils";
 import { backendUrl, serAxios } from "@/utils/axios";
+import Image from "next/image";
 import React from "react";
 
 export const metadata = {
@@ -33,7 +34,13 @@ async function Page() {
     ? data.consultation_reasons.map((item) => ({
         title: item.title,
         description: item.description,
-        logo: <img src={`${backendUrl}${item.image?.path}`} alt={item.title} />,
+        logo: (
+          <img
+            src={`${backendUrl}${item.image?.path}`}
+            alt={item.title}
+            className="rounded-full p-2"
+          />
+        ),
       }))
     : categoriesForPremiumThree;
   const perksServices = Array.isArray(data?.perks)