diff --git a/src/app/event-chitra-pournami/chitra-pournami.jsx b/src/app/event-chitra-pournami/chitra-pournami.jsx
index cef3b4b..19a614c 100644
--- a/src/app/event-chitra-pournami/chitra-pournami.jsx
+++ b/src/app/event-chitra-pournami/chitra-pournami.jsx
@@ -42,7 +42,7 @@ const ChitraPournami = () => {
                 <img
                   src="/assets/img/events/chitra-pournami/chitra-pournami.webp"
                   alt="Chitra Pournami Image"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -71,7 +71,7 @@ const ChitraPournami = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/chitra-pournami/archanai.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Spiritual Meaning Image"
                 />
               </div>
@@ -102,7 +102,7 @@ const ChitraPournami = () => {
                 <img
                   src="/assets/img/events/chitra-pournami/annadhanam.webp"
                   alt="Rituals Image"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -132,7 +132,7 @@ const ChitraPournami = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/chitra-pournami/ubhayam.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Blessings Image"
                 />
               </div>
diff --git a/src/app/event-monthly-karthigai-june/monthly-karthigai.jsx b/src/app/event-monthly-karthigai-june/monthly-karthigai.jsx
index 11f70ff..8ea6600 100644
--- a/src/app/event-monthly-karthigai-june/monthly-karthigai.jsx
+++ b/src/app/event-monthly-karthigai-june/monthly-karthigai.jsx
@@ -43,7 +43,7 @@ const MonthlyKarthigai = () => {
                 <img
                   src="/assets/img/events/karthigai-2/karthigai-2.webp"
                   alt="Karthigai Significance"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -76,7 +76,7 @@ const MonthlyKarthigai = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/karthigai-2/archanai.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Karthigai Illumination"
                 />
               </div>
@@ -111,7 +111,7 @@ const MonthlyKarthigai = () => {
                 <img
                   src="/assets/img/events/karthigai-2/annadhanam.webp"
                   alt="Karthigai Rituals"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -144,7 +144,7 @@ const MonthlyKarthigai = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/karthigai-2/ubhayam.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Karthigai Blessings"
                 />
               </div>
diff --git a/src/app/event-monthly-karthigai-may/monthly-karthigai.jsx b/src/app/event-monthly-karthigai-may/monthly-karthigai.jsx
index 80a83fe..0a0010e 100644
--- a/src/app/event-monthly-karthigai-may/monthly-karthigai.jsx
+++ b/src/app/event-monthly-karthigai-may/monthly-karthigai.jsx
@@ -38,7 +38,7 @@ const MonthlyKarthigai = () => {
                 <img
                   src="/assets/img/events/karthigai-1/karthigai.webp"
                   alt="Karthigai Significance"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -65,7 +65,7 @@ const MonthlyKarthigai = () => {
                 <img
                   src="/assets/img/events/karthigai-1/archanai.webp"
                   alt="Lighting Lamps"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -92,7 +92,7 @@ const MonthlyKarthigai = () => {
                 <img
                   src="/assets/img/events/karthigai-1/annadhanam.webp"
                   alt="Pooja Rituals"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -119,7 +119,7 @@ const MonthlyKarthigai = () => {
                 <img
                   src="/assets/img/events/karthigai-1/ubhayam.webp"
                   alt="Divine Blessings"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
diff --git a/src/app/event-new-year/new-year-celebration.jsx b/src/app/event-new-year/new-year-celebration.jsx
index 075fff2..5714ce4 100644
--- a/src/app/event-new-year/new-year-celebration.jsx
+++ b/src/app/event-new-year/new-year-celebration.jsx
@@ -38,7 +38,7 @@ const NewYearCelebration = () => {
                 <img
                   src="/assets/img/events/new-year/new-year-celebration.webp"
                   alt="New Year Celebration"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -64,7 +64,7 @@ const NewYearCelebration = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/new-year/archanai.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Participation Image"
                 />
               </div>
@@ -92,7 +92,7 @@ const NewYearCelebration = () => {
                 <img
                   src="/assets/img/events/new-year/annadhanam.webp"
                   alt="Offerings Image"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -118,7 +118,7 @@ const NewYearCelebration = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/new-year/ubhayam.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Blessings Image"
                 />
               </div>
diff --git a/src/app/event-sangada-hara-charthurthi-april/sangada-hara-charthurthi.jsx b/src/app/event-sangada-hara-charthurthi-april/sangada-hara-charthurthi.jsx
index 0a96c69..a2362cd 100644
--- a/src/app/event-sangada-hara-charthurthi-april/sangada-hara-charthurthi.jsx
+++ b/src/app/event-sangada-hara-charthurthi-april/sangada-hara-charthurthi.jsx
@@ -46,7 +46,7 @@ const SangadaHaraChathurthi = () => {
                 <img
                   src="/assets/img/events/sangadahara-3/sangada-hara-charthurthi-3.webp"
                   alt="Sangada Hara Chathurthi Image"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -77,7 +77,7 @@ const SangadaHaraChathurthi = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/sangadahara-3/archanai.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Essence Image"
                 />
               </div>
@@ -112,7 +112,7 @@ const SangadaHaraChathurthi = () => {
                 <img
                   src="/assets/img/events/sangadahara-3/annadhanam.webp"
                   alt="Rituals Image"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -143,7 +143,7 @@ const SangadaHaraChathurthi = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/sangadahara-3/ubhayam.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Grace Image"
                 />
               </div>
diff --git a/src/app/event-sangada-hara-charthurthi-december/sangada-hara-chathurthi.jsx b/src/app/event-sangada-hara-charthurthi-december/sangada-hara-chathurthi.jsx
index decb70c..aa9a0f2 100644
--- a/src/app/event-sangada-hara-charthurthi-december/sangada-hara-chathurthi.jsx
+++ b/src/app/event-sangada-hara-charthurthi-december/sangada-hara-chathurthi.jsx
@@ -38,7 +38,7 @@ const SangadaHaraChathurthi = () => {
                 <img
                   src="/assets/img/events/sangadahara-1/sangada-hara-charthurthi-1.webp"
                   alt="Glory of Lord Ganesha"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -64,7 +64,7 @@ const SangadaHaraChathurthi = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/sangadahara-1/archanai.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Spiritual Significance"
                 />
               </div>
@@ -92,7 +92,7 @@ const SangadaHaraChathurthi = () => {
                 <img
                   src="/assets/img/events/sangadahara-1/annadhanam.webp"
                   alt="Pooja Rituals"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -118,7 +118,7 @@ const SangadaHaraChathurthi = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/sangadahara-1/ubhayam.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Divine Blessings"
                 />
               </div>
diff --git a/src/app/event-sangada-hara-charthurthi-june/sangada-hara-charthurthi.jsx b/src/app/event-sangada-hara-charthurthi-june/sangada-hara-charthurthi.jsx
index 81e06d5..cc568ca 100644
--- a/src/app/event-sangada-hara-charthurthi-june/sangada-hara-charthurthi.jsx
+++ b/src/app/event-sangada-hara-charthurthi-june/sangada-hara-charthurthi.jsx
@@ -43,7 +43,7 @@ const SangadaHaraChathurthi = () => {
                 <img
                   src="/assets/img/events/sangadahara-4/sangada-hara-charthurthi-4.webp"
                   alt="Sangada Hara Chathurthi"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -75,7 +75,7 @@ const SangadaHaraChathurthi = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/sangadahara-4/archanai.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Ganesha Archanai"
                 />
               </div>
@@ -109,7 +109,7 @@ const SangadaHaraChathurthi = () => {
                 <img
                   src="/assets/img/events/sangadahara-4/annadhanam.webp"
                   alt="Ganesha Pooja Rituals"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -140,7 +140,7 @@ const SangadaHaraChathurthi = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/sangadahara-4/ubhayam.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Divine Blessings"
                 />
               </div>
diff --git a/src/app/event-sangada-hara-charthurthi-march/sangada-hara-charthurthi.jsx b/src/app/event-sangada-hara-charthurthi-march/sangada-hara-charthurthi.jsx
index 068ed54..a94761e 100644
--- a/src/app/event-sangada-hara-charthurthi-march/sangada-hara-charthurthi.jsx
+++ b/src/app/event-sangada-hara-charthurthi-march/sangada-hara-charthurthi.jsx
@@ -40,7 +40,7 @@ const SangadaHaraChathurthi = () => {
                 <img
                   src="/assets/img/events/sangadahara-2/sangada-hara-charthurthi-2.webp"
                   alt="Sangada Hara Chathurthi Image"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -66,7 +66,7 @@ const SangadaHaraChathurthi = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/sangadahara-2/archanai.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Purpose Image"
                 />
               </div>
@@ -94,7 +94,7 @@ const SangadaHaraChathurthi = () => {
                 <img
                   src="/assets/img/events/sangadahara-2/annadhanam.webp"
                   alt="Rituals Image"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -120,7 +120,7 @@ const SangadaHaraChathurthi = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/sangadahara-2/ubhayam.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Blessings Image"
                 />
               </div>
diff --git a/src/app/event-sathya-narayana-poojai/sathya-narayana-poojai.jsx b/src/app/event-sathya-narayana-poojai/sathya-narayana-poojai.jsx
index dc37a69..2f4b5f5 100644
--- a/src/app/event-sathya-narayana-poojai/sathya-narayana-poojai.jsx
+++ b/src/app/event-sathya-narayana-poojai/sathya-narayana-poojai.jsx
@@ -39,7 +39,7 @@ const SathyaNarayanaPoojai = () => {
                 <img
                   src="/assets/img/events/sathya/sathya-narayana-puja.webp"
                   alt="Sathya Narayana Poojai Image"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -64,7 +64,7 @@ const SathyaNarayanaPoojai = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/sathya/archanai.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Significance Image"
                 />
               </div>
@@ -91,7 +91,7 @@ const SathyaNarayanaPoojai = () => {
                 <img
                   src="/assets/img/events/sathya/annadhanam.webp"
                   alt="Spiritual Benefits Image"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -116,7 +116,7 @@ const SathyaNarayanaPoojai = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/sathya/ubhayam.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Join Us Image"
                 />
               </div>
diff --git a/src/app/event-thai-poosam/thai-poosam.jsx b/src/app/event-thai-poosam/thai-poosam.jsx
index 9fd6f7c..505c1d3 100644
--- a/src/app/event-thai-poosam/thai-poosam.jsx
+++ b/src/app/event-thai-poosam/thai-poosam.jsx
@@ -38,7 +38,7 @@ const ThaiPoosam = () => {
                 <img
                   src="/assets/img/events/thai-poosam/thai-poosam.webp"
                   alt="The Glory of Thai Poosam"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -64,7 +64,7 @@ const ThaiPoosam = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/thai-poosam/archanai.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Spiritual Significance of Thai Poosam"
                 />
               </div>
@@ -92,7 +92,7 @@ const ThaiPoosam = () => {
                 <img
                   src="/assets/img/events/thai-poosam/annadhanam.webp"
                   alt="Rituals and Offerings"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -118,7 +118,7 @@ const ThaiPoosam = () => {
               <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
                 <img
                   src="/assets/img/events/thai-poosam/ubhayam.webp"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                   alt="Divine Blessings and Devotee Experience"
                 />
               </div>
diff --git a/src/app/event-vaikasi-visagam/vaikasi-visagam.jsx b/src/app/event-vaikasi-visagam/vaikasi-visagam.jsx
index 054e69d..c71ba74 100644
--- a/src/app/event-vaikasi-visagam/vaikasi-visagam.jsx
+++ b/src/app/event-vaikasi-visagam/vaikasi-visagam.jsx
@@ -43,7 +43,7 @@ const VaikasiVisagam = () => {
                 <img
                   src="/assets/img/events/vaikasi-visagam/vaikasi-visagam.webp"
                   alt="Vaikasi Visakam"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -74,7 +74,7 @@ const VaikasiVisagam = () => {
                 <img
                   src="/assets/img/events/vaikasi-visagam/archanai.webp"
                   alt="Spiritual Essence"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -105,7 +105,7 @@ const VaikasiVisagam = () => {
                 <img
                   src="/assets/img/events/vaikasi-visagam/annadhanam.webp"
                   alt="Temple Rituals"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
@@ -135,7 +135,7 @@ const VaikasiVisagam = () => {
                 <img
                   src="/assets/img/events/vaikasi-visagam/ubhayam.webp"
                   alt="Blessings"
-                  style={{ width: "515px", height: "400px" }}
+                  style={{ width: "515px", height: "auto" }}
                 />
               </div>
             </div>
diff --git a/src/components/AboutTempleOne.jsx b/src/components/AboutTempleOne.jsx
index cbd29ff..4256e55 100644
--- a/src/components/AboutTempleOne.jsx
+++ b/src/components/AboutTempleOne.jsx
@@ -29,7 +29,7 @@ const AboutTempleOne = () => {
 
           <div className="col-xl-6">
             <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
-              <img src="/assets/img/about-us-page/unity.webp" style={{width:'515px', height: '400px'}} alt="Objective Image" />
+              <img src="/assets/img/about-us-page/unity.webp" style={{width:'515px', height: 'auto'}} alt="Objective Image" />
             </div>
           </div>
         </div>
diff --git a/src/components/Annadhanam.jsx b/src/components/Annadhanam.jsx
index f1bae61..f30a0a1 100644
--- a/src/components/Annadhanam.jsx
+++ b/src/components/Annadhanam.jsx
@@ -30,7 +30,7 @@ const Annadhanam = () => {
                     <div className="col-xl-6">
                         <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
 
-                            <img src="/assets/img/donation/annadhanam.webp" alt="Mission Image" style={{ width: '515px', height: '400px' }} />
+                            <img src="/assets/img/donation/annadhanam.webp" alt="Mission Image" style={{ width: '515px', height: 'auto' }} />
                         </div>
                     </div>
 
diff --git a/src/components/EventsThaiPoosamAnnadhanam.jsx b/src/components/EventsThaiPoosamAnnadhanam.jsx
index bd31249..a32d3d5 100644
--- a/src/components/EventsThaiPoosamAnnadhanam.jsx
+++ b/src/components/EventsThaiPoosamAnnadhanam.jsx
@@ -31,7 +31,7 @@ const EventsThaiPoosamAnnadhanam = () => {
                     <div className="col-xl-6">
                         <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
 
-                            <img src="/assets/img/events/thaipoosam/annadhanam.webp" alt="Mission Image" style={{ width: '515px', height: '400px' }} />
+                            <img src="/assets/img/events/thaipoosam/annadhanam.webp" alt="Mission Image" style={{ width: '515px', height: 'auto' }} />
                         </div>
                     </div>
 
diff --git a/src/components/EventsThaiPoosamArchanai.jsx b/src/components/EventsThaiPoosamArchanai.jsx
index 5b22232..ec86aed 100644
--- a/src/components/EventsThaiPoosamArchanai.jsx
+++ b/src/components/EventsThaiPoosamArchanai.jsx
@@ -9,7 +9,7 @@ const EventsThaiPoosamArchanai = () => {
                     <div className="col-xl-6">
                         <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
 
-                            <img src="/assets/img/events/thaipoosam/kavadi.webp" alt="Mission Image" style={{ width: '515px', height: '400px' }} />
+                            <img src="/assets/img/events/thaipoosam/kavadi.webp" alt="Mission Image" style={{ width: '515px', height: 'auto' }} />
                         </div>
                     </div>
 
diff --git a/src/components/EventsThaiPoosamDiscription.jsx b/src/components/EventsThaiPoosamDiscription.jsx
index 5870793..fb48b00 100644
--- a/src/components/EventsThaiPoosamDiscription.jsx
+++ b/src/components/EventsThaiPoosamDiscription.jsx
@@ -4,14 +4,7 @@ const EventsThaiPoosamDiscription = () => {
     return (
         <section className="faq-area-2 space">
             <div className="container">
-                <div className="row gx-60">
-
-                    <div className="col-xl-6">
-                        <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
-
-                            <img src="/assets/img/events/thaipoosam/thai-poosam.webp" style={{ width: '515px', height: '400px' }} alt="Objective Image" />
-                        </div>
-                    </div>
+                <div className="row gx-60 flex-row-reverse">
 
                     <div className="col-xl-6">
                         <div className="title-area">
@@ -19,20 +12,28 @@ const EventsThaiPoosamDiscription = () => {
                             <h2 className="sec-title">
                                 Thai Poosam – A Celebration of Devotion{" "}
                                 {/* <img
-                  className="shape-vel-objective"
+                  className="shape-vel-mission"
                   src="/assets/img/bg/vel.png"
                   alt="Vel-Title-bg"
+                  // style={ {marginLeft:'-35px', height:'90px'} }
                 /> */}
                             </h2>
                             <p className="sec-text">
                                 Thai Poosam is a major festival dedicated to Lord Murugan, observed on the full moon day of the Tamil month of Thai when the moon aligns with the star Pusam. It marks the day Goddess Parvati gifted Murugan the divine Vel, enabling him to defeat the demon Surapadman.
                             </p>
                             <p className="sec-text">
-                               The festival symbolizes devotion, sacrifice, and renewal. Devotees fast, take vows, and join processions as acts of penance and surrender, seeking blessings for courage and clarity. Thai Poosam reminds worshippers that with faith and purity of heart, light prevails over darkness.
+                                The festival symbolizes devotion, sacrifice, and renewal. Devotees fast, take vows, and join processions as acts of penance and surrender, seeking blessings for courage and clarity. Thai Poosam reminds worshippers that with faith and purity of heart, light prevails over darkness.
                             </p>
                         </div>
 
                     </div>
+
+                    <div className="col-xl-6">
+                        <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
+
+                            <img src="/assets/img/events/thaipoosam/thai-poosam.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
+                        </div>
+                    </div>
                 </div>
             </div>
         </section>
diff --git a/src/components/EventsThaiPoosamUbhayam.jsx b/src/components/EventsThaiPoosamUbhayam.jsx
index d579779..16cbb4f 100644
--- a/src/components/EventsThaiPoosamUbhayam.jsx
+++ b/src/components/EventsThaiPoosamUbhayam.jsx
@@ -30,7 +30,7 @@ const EventsThaiPoosamUbhayam = () => {
                     <div className="col-xl-6">
                         <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
 
-                            <img src="/assets/img/events/thaipoosam/ubhayam.webp" style={{ width: '515px', height: '400px' }} alt="Objective Image" />
+                            <img src="/assets/img/events/thaipoosam/ubhayam.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
                         </div>
                     </div>
                 </div>
diff --git a/src/components/History.jsx b/src/components/History.jsx
index c3ba702..636686f 100644
--- a/src/components/History.jsx
+++ b/src/components/History.jsx
@@ -75,7 +75,7 @@ const History = () => {
                   </div>
                 </div>
               </div>
-              <div className="accordion-card style2">
+              <div className="accordion-card style2 mb-3">
                 <div className="accordion-header" id="collapse-item-3">
                   <button
                     className="accordion-button collapsed"
diff --git a/src/components/Mission.jsx b/src/components/Mission.jsx
index d2ffa80..9b00f79 100644
--- a/src/components/Mission.jsx
+++ b/src/components/Mission.jsx
@@ -28,7 +28,7 @@ const Mission = () => {
           <div className="col-xl-6">
             <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
              
-              <img src="/assets/img/about-us-page/mission.jpg" alt="Mission Image" style={{width:'515px', height: '400px'}} />
+              <img src="/assets/img/about-us-page/mission.jpg" alt="Mission Image" style={{width:'515px', height: 'auto'}} />
             </div>
           </div>
         </div>
diff --git a/src/components/Objective.jsx b/src/components/Objective.jsx
index 721a51b..3e6cef8 100644
--- a/src/components/Objective.jsx
+++ b/src/components/Objective.jsx
@@ -27,7 +27,7 @@ const Objective = () => {
           <div className="col-xl-6">
             <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
              
-              <img src="/assets/img/about-us-page/our-objective.jpg" style={{width:'515px', height: '400px'}} alt="Objective Image" />
+              <img src="/assets/img/about-us-page/our-objective.jpg" style={{width:'515px', height: 'auto'}} alt="Objective Image" />
             </div>
           </div>
         </div>
diff --git a/src/components/ServicesOne.jsx b/src/components/ServicesOne.jsx
index 7f537d6..f64ef32 100644
--- a/src/components/ServicesOne.jsx
+++ b/src/components/ServicesOne.jsx
@@ -23,7 +23,7 @@ const ServicesOne = () => {
                     </div>
                     <div className="col-xl-6">
                         <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
-                            <img src="/assets/img/services/religious.webp" style={{ width: '515px', height: '580px' }} alt="Objective Image" />
+                            <img src="/assets/img/services/religious.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
                         </div>
                     </div>
                 </div>
diff --git a/src/components/ServicesTwo.jsx b/src/components/ServicesTwo.jsx
index 4769a8e..983631f 100644
--- a/src/components/ServicesTwo.jsx
+++ b/src/components/ServicesTwo.jsx
@@ -4,30 +4,36 @@ const ServicesTwo = () => {
     return (
         <div className="space">
             <div className="container">
-                <div className="row flex-row">
+                <div className="row gx-60 flex-row-reverse">
+
+                    <div className="col-xl-6">
+                        <div className="title-area">
+                            <span className="sub-title">HERITAGE & TRADITIONS</span>
+                            <h2 className="sec-title">
+                                Cultural Services{" "}
+                                {/* <img
+                  className="shape-vel-mission"
+                  src="/assets/img/bg/vel.png"
+                  alt="Vel-Title-bg"
+                  // style={ {marginLeft:'-35px', height:'90px'} }
+                /> */}
+                            </h2>
+                            <p className="sec-text">
+                                Our cultural services at the Sri Murugan Temple are dedicated to preserving and promoting the rich heritage of Indian traditions. Through music, dance, and art, we provide a sacred platform where devotion and culture unite, inspiring both the heart and the spirit.</p>
+
+                            <p className="sec-text">The temple serves as a vibrant cultural hub, hosting Bharatanatyam performances, Carnatic music concerts, and Tamil language celebrations that nurture pride in our roots. These events not only bring the community together but also offer youth and families an opportunity to connect with ancestral traditions, ensuring that the beauty of our culture continues to flourish for generations.</p>
+
+                            <p className="sec-text">Ultimately, our cultural initiatives are more than performances or festivals; they are celebrations of identity, unity, and devotion. By engaging in these programs, devotees and community members alike experience joy, belonging, and a deeper bond with the timeless values that guide our way of life.</p>
+                        </div>
+
+                    </div>
+
                     <div className="col-xl-6">
                         <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
 
-                            <img src="/assets/img/services/cultural.webp" style={{ width: '515px', height: '580px' }} alt="Objective Image" />
+                            <img src="/assets/img/services/cultural.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
                         </div>
                     </div>
-                    <div className="col-xxl-6 col-xl-6">
-                        <div className="about-content-wrap">
-                            <div className="title-area me-xl-5 mb-30">
-                                <span className="sub-title">HERITAGE & TRADITIONS</span>
-                                <h2 className="sec-title">
-                                    Cultural Services{" "}
-                                </h2>
-                                <p className="sec-text">
-                                   Our cultural services at the Sri Murugan Temple are dedicated to preserving and promoting the rich heritage of Indian traditions. Through music, dance, and art, we provide a sacred platform where devotion and culture unite, inspiring both the heart and the spirit.</p>
-
-                                <p className="sec-text">The temple serves as a vibrant cultural hub, hosting Bharatanatyam performances, Carnatic music concerts, and Tamil language celebrations that nurture pride in our roots. These events not only bring the community together but also offer youth and families an opportunity to connect with ancestral traditions, ensuring that the beauty of our culture continues to flourish for generations.</p>
-
-                                <p className="sec-text">Ultimately, our cultural initiatives are more than performances or festivals; they are celebrations of identity, unity, and devotion. By engaging in these programs, devotees and community members alike experience joy, belonging, and a deeper bond with the timeless values that guide our way of life.</p>
-                            </div>
-                        </div>
-                    </div>
-
                 </div>
             </div>
         </div>
diff --git a/src/components/VilakkuPoojaAnnadhanam.jsx b/src/components/VilakkuPoojaAnnadhanam.jsx
index 7439529..b162103 100644
--- a/src/components/VilakkuPoojaAnnadhanam.jsx
+++ b/src/components/VilakkuPoojaAnnadhanam.jsx
@@ -32,7 +32,7 @@ const VilakkuPoojaiArchanaiAnnadhanam = () => {
                                         <div className="col-xl-6">
                         <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
 
-                            <img src="/assets/img/events/thiruvilakku/annadhanam-2.webp" alt="Mission Image" style={{ width: '515px', height: '400px' }} />
+                            <img src="/assets/img/events/thiruvilakku/annadhanam-2.webp" alt="Mission Image" style={{ width: '515px', height: 'auto' }} />
                         </div>
                     </div>
 
diff --git a/src/components/VilakkuPoojaiArchanai.jsx b/src/components/VilakkuPoojaiArchanai.jsx
index ad9637f..79caf4e 100644
--- a/src/components/VilakkuPoojaiArchanai.jsx
+++ b/src/components/VilakkuPoojaiArchanai.jsx
@@ -9,7 +9,7 @@ const VilakkuPoojaiArchanai = () => {
                     <div className="col-xl-6">
                         <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
 
-                            <img src="/assets/img/events/thiruvilakku/archanai.webp" alt="Mission Image" style={{ width: '515px', height: '400px' }} />
+                            <img src="/assets/img/events/thiruvilakku/archanai.webp" alt="Mission Image" style={{ width: '515px', height: 'auto' }} />
                         </div>
                     </div>
 
diff --git a/src/components/VilakkuPoojaiDiscription.jsx b/src/components/VilakkuPoojaiDiscription.jsx
index 32064ca..5dc44b1 100644
--- a/src/components/VilakkuPoojaiDiscription.jsx
+++ b/src/components/VilakkuPoojaiDiscription.jsx
@@ -4,14 +4,7 @@ const VilakkuPoojaiDiscription = () => {
     return (
         <section className="faq-area-2 space">
             <div className="container">
-                <div className="row gx-60">
-
-                    <div className="col-xl-6">
-                        <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
-
-                            <img src="/assets/img/events/thiruvilakku/thiruvilaku.webp" style={{ width: '515px', height: '400px' }} alt="Objective Image" />
-                        </div>
-                    </div>
+                <div className="row gx-60 flex-row-reverse">
 
                     <div className="col-xl-6">
                         <div className="title-area">
@@ -19,20 +12,28 @@ const VilakkuPoojaiDiscription = () => {
                             <h2 className="sec-title">
                                 Thiru Vilakku Poojai – The Sacred Lamp Worship{" "}
                                 {/* <img
-                  className="shape-vel-objective"
+                  className="shape-vel-mission"
                   src="/assets/img/bg/vel.png"
                   alt="Vel-Title-bg"
+                  // style={ {marginLeft:'-35px', height:'90px'} }
                 /> */}
                             </h2>
                             <p className="sec-text">
                                 Thiru Vilakku Poojai is a sacred Tamil Hindu ritual of lamp worship that symbolizes peace, blessings, and inner illumination. At Sri Murugan Temple, it is not only a ritual but also a spiritual gathering where devotees light lamps, chant hymns, and experience the temple aglow, affirming that even one flame lit with devotion can inspire hope and dispel fear.
                             </p>
-                             <p className="sec-text">
+                            <p className="sec-text">
                                 The event integrates Archanai (devotional chanting), Annadhaanam (sacred food sharing), and Ubhayam (combined offerings), creating a holistic experience where worship, charity, and community come together.
                             </p>
                         </div>
 
                     </div>
+
+                    <div className="col-xl-6">
+                        <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
+
+                            <img src="/assets/img/events/thiruvilakku/thiruvilaku.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
+                        </div>
+                    </div>
                 </div>
             </div>
         </section>
diff --git a/src/components/VilakkuPoojaiUbhayam.jsx b/src/components/VilakkuPoojaiUbhayam.jsx
index 326fc73..57ab18a 100644
--- a/src/components/VilakkuPoojaiUbhayam.jsx
+++ b/src/components/VilakkuPoojaiUbhayam.jsx
@@ -30,7 +30,7 @@ const VilakkuPoojaiUbhayam = () => {
                     <div className="col-xl-6">
                         <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
 
-                            <img src="/assets/img/events/thiruvilakku/ubhayam-2.webp" style={{ width: '515px', height: '400px' }} alt="Objective Image" />
+                            <img src="/assets/img/events/thiruvilakku/ubhayam-2.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
                         </div>
                     </div>
                 </div>
diff --git a/src/components/Vision.jsx b/src/components/Vision.jsx
index ea3e56d..8ee8435 100644
--- a/src/components/Vision.jsx
+++ b/src/components/Vision.jsx
@@ -120,7 +120,7 @@ const Vision = () => {
           <div className="col-xl-6">
             <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
 
-              <img src="/assets/img/about-us-page/vision.webp" style={{ width: '515px', height: '580px' }} alt="Objective Image" />
+              <img src="/assets/img/about-us-page/vision.webp" style={{ width: '515px', height: 'auto' }} alt="Objective Image" />
             </div>
           </div>