diff --git a/_theme_files/index.html b/_theme_files/index.html
index 87917c6..f75c359 100644
--- a/_theme_files/index.html
+++ b/_theme_files/index.html
@@ -231,7 +231,6 @@
           </p>
         </div>
         <!-- Form Component -->
-
         <form
           class="mt-3 mx-auto max-w-2xl w-full flex flex-col md:flex-row items-center"
         >
@@ -318,7 +317,7 @@
             <img
               src="images/properties/f1.jpg"
               alt=""
-              class="object-cover rounded-t-xl md:rounded-tr-none md:rounded-l-xl w-full md:w-2/5"
+              class="w-full h-auto rounded-t-xl md:rounded-tr-none md:rounded-l-xl w-full md:w-2/5"
             />
             <div class="p-6">
               <h3 class="text-xl font-bold">Seaside Retreat</h3>
@@ -374,7 +373,7 @@
             <img
               src="images/properties/e1.jpg"
               alt=""
-              class="object-cover rounded-t-xl md:rounded-tr-none md:rounded-l-xl w-full md:w-2/5"
+              class="w-full h-auto rounded-t-xl md:rounded-tr-none md:rounded-l-xl md:w-2/5"
             />
             <div class="p-6">
               <h3 class="text-xl font-bold">Modern Downtown Studio</h3>
@@ -440,7 +439,7 @@
             <img
               src="images/properties/a1.jpg"
               alt=""
-              class="object-cover rounded-t-xl"
+              class="w-full h-auto rounded-t-xl"
             />
             <div class="p-4">
               <div class="text-left md:text-center lg:text-left mb-6">
@@ -498,7 +497,7 @@
             <img
               src="images/properties/b1.jpg"
               alt=""
-              class="object-cover rounded-t-xl"
+              class="w-full h-auto rounded-t-xl"
             />
             <div class="p-4">
               <div class="text-left md:text-center lg:text-left mb-6">
@@ -556,7 +555,7 @@
             <img
               src="images/properties/c1.jpg"
               alt=""
-              class="object-cover rounded-t-xl"
+              class="w-full h-auto rounded-t-xl"
             />
             <div class="p-4">
               <div class="text-left md:text-center lg:text-left mb-6">
diff --git a/_theme_files/properties.html b/_theme_files/properties.html
index e32ba3a..de46004 100644
--- a/_theme_files/properties.html
+++ b/_theme_files/properties.html
@@ -268,7 +268,7 @@
             <img
               src="images/properties/a1.jpg"
               alt=""
-              class="object-cover rounded-t-xl"
+              class="w-full h-auto rounded-t-xl"
             />
             <div class="p-4">
               <div class="text-left md:text-center lg:text-left mb-6">
@@ -326,7 +326,7 @@
             <img
               src="images/properties/b1.jpg"
               alt=""
-              class="object-cover rounded-t-xl"
+              class="w-full h-auto rounded-t-xl"
             />
             <div class="p-4">
               <div class="text-left md:text-center lg:text-left mb-6">
@@ -384,7 +384,7 @@
             <img
               src="images/properties/c1.jpg"
               alt=""
-              class="object-cover rounded-t-xl"
+              class="w-full h-auto rounded-t-xl"
             />
             <div class="p-4">
               <div class="text-left md:text-center lg:text-left mb-6">
@@ -443,7 +443,7 @@
             <img
               src="images/properties/d1.jpg"
               alt=""
-              class="object-cover rounded-t-xl"
+              class="w-full h-auto rounded-t-xl"
             />
             <div class="p-4">
               <div class="text-left md:text-center lg:text-left mb-6">
@@ -500,7 +500,7 @@
             <img
               src="images/properties/e1.jpg"
               alt=""
-              class="object-cover rounded-t-xl"
+              class="w-full h-auto rounded-t-xl"
             />
             <div class="p-4">
               <div class="text-left md:text-center lg:text-left mb-6">
@@ -558,7 +558,7 @@
             <img
               src="images/properties/f1.jpg"
               alt=""
-              class="object-cover rounded-t-xl"
+              class="w-full h-auto rounded-t-xl"
             />
             <div class="p-4">
               <div class="text-left md:text-center lg:text-left mb-6">
diff --git a/_theme_files/property.html b/_theme_files/property.html
index 3625224..b352c50 100644
--- a/_theme_files/property.html
+++ b/_theme_files/property.html
@@ -58,7 +58,7 @@
             <a class="flex flex-shrink-0 items-center" href="/index.html">
               <img
                 class="h-10 w-auto"
-                src="/images/logo-white.png"
+                src="images/logo-white.png"
                 alt="PropertyPulse"
               />
 
@@ -196,26 +196,26 @@
       <div class="hidden" id="mobile-menu">
         <div class="space-y-1 px-2 pb-3 pt-2">
           <a
-          href="/index.html"
-          class="bg-black text-white block rounded-md px-3 py-2 text-base font-medium"
-          >Home</a
-        >
-        <a
-          href="/properties.html"
-          class="text-white block rounded-md px-3 py-2 text-base font-medium"
-          >Properties</a
-        >
-        <a
-          href="/add-property.html"
-          class="text-white block rounded-md px-3 py-2 text-base font-medium"
-          >Add Property</a
-        >
-        <button
-          class="flex items-center text-white bg-gray-700 hover:bg-gray-900 hover:text-white rounded-md px-3 py-2 my-5"
-        >
-          <i class="fa-brands fa-google mr-2"></i>
-          <span>Login or Register</span>
-        </button>
+            href="/index.html"
+            class="bg-black text-white block rounded-md px-3 py-2 text-base font-medium"
+            >Home</a
+          >
+          <a
+            href="/properties.html"
+            class="text-white block rounded-md px-3 py-2 text-base font-medium"
+            >Properties</a
+          >
+          <a
+            href="/add-property.html"
+            class="text-white block rounded-md px-3 py-2 text-base font-medium"
+            >Add Property</a
+          >
+          <button
+            class="flex items-center text-white bg-gray-700 hover:bg-gray-900 hover:text-white rounded-md px-3 py-2 my-5"
+          >
+            <i class="fa-brands fa-google mr-2"></i>
+            <span>Login or Register</span>
+          </button>
         </div>
       </div>
     </nav>
@@ -272,7 +272,7 @@
           <img
             src="images/properties/a1.jpg"
             alt=""
-            class="object-cover h-[400px]"
+            class="object-cover h-[400px] w-full"
             width="1800"
           />
         </div>
@@ -288,6 +288,7 @@
         >
           <i class="fas fa-arrow-left mr-2"></i> Back to Properties
         </a>
+      </div>
     </section>
 
     <!-- Property Info -->
@@ -356,7 +357,7 @@
               </div>
               <p class="text-gray-500 mb-4">
                 This is a beautiful apartment located near the commons
-              </p>           
+              </p>
             </div>
 
             <div class="bg-white p-6 rounded-lg shadow-md mt-6">
@@ -427,7 +428,7 @@
           </main>
 
           <!-- Sidebar -->
-          <aside class="space-y-4">       
+          <aside class="space-y-4">
             <button
               class="bg-blue-500 hover:bg-blue-600 text-white font-bold w-full py-2 px-4 rounded-full flex items-center justify-center"
             >
@@ -443,73 +444,73 @@
             <div class="bg-white p-6 rounded-lg shadow-md">
               <h3 class="text-xl font-bold mb-6">Contact Property Manager</h3>
               <form>
-                <div class='mb-4'>
+                <div class="mb-4">
                   <label
-                    class='block text-gray-700 text-sm font-bold mb-2'
-                    htmlFor='name'
+                    class="block text-gray-700 text-sm font-bold mb-2"
+                    htmlFor="name"
                   >
                     Name:
                   </label>
                   <input
-                    class='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline'
-                    id='name'
-                    name='name'
-                    type='text'
-                    placeholder='Enter your name'
+                    class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+                    id="name"
+                    name="name"
+                    type="text"
+                    placeholder="Enter your name"
                     required
                   />
                 </div>
-                <div class='mb-4'>
+                <div class="mb-4">
                   <label
-                    class='block text-gray-700 text-sm font-bold mb-2'
-                    htmlFor='email'
+                    class="block text-gray-700 text-sm font-bold mb-2"
+                    htmlFor="email"
                   >
                     Email:
                   </label>
                   <input
-                    class='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline'
-                    id='email'
-                    name='email'
-                    type='email'
-                    placeholder='Enter your email'
+                    class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+                    id="email"
+                    name="email"
+                    type="email"
+                    placeholder="Enter your email"
                     required
                   />
                 </div>
-                <div class='mb-4'>
+                <div class="mb-4">
                   <label
-                    class='block text-gray-700 text-sm font-bold mb-2'
-                    htmlFor='phone'
+                    class="block text-gray-700 text-sm font-bold mb-2"
+                    htmlFor="phone"
                   >
                     Phone:
                   </label>
                   <input
-                    class='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline'
-                    id='phone'
-                    name='phone'
-                    type='text'
-                    placeholder='Enter your phone number'
+                    class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+                    id="phone"
+                    name="phone"
+                    type="text"
+                    placeholder="Enter your phone number"
                   />
                 </div>
-                <div class='mb-4'>
+                <div class="mb-4">
                   <label
-                    class='block text-gray-700 text-sm font-bold mb-2'
-                    htmlFor='message'
+                    class="block text-gray-700 text-sm font-bold mb-2"
+                    htmlFor="message"
                   >
                     Message:
                   </label>
                   <textarea
-                    class='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 h-44 focus:outline-none focus:shadow-outline'
-                    id='message'
-                    name='message'
-                    placeholder='Enter your message'
+                    class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 h-44 focus:outline-none focus:shadow-outline"
+                    id="message"
+                    name="message"
+                    placeholder="Enter your message"
                   ></textarea>
                 </div>
                 <div>
                   <button
-                    class='bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded-full w-full focus:outline-none focus:shadow-outline flex items-center justify-center'
-                    type='submit'
+                    class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded-full w-full focus:outline-none focus:shadow-outline flex items-center justify-center"
+                    type="submit"
                   >
-                    <FaPaperPlane class='mr-2' /> Send Message
+                    <i class="fas fa-paper-plane mr-2"></i> Send Message
                   </button>
                 </div>
               </form>
@@ -518,36 +519,40 @@
         </div>
       </div>
     </section>
-    
+
     <!-- Images -->
-    <section class='bg-blue-50 p-4'>
-      <div class='container mx-auto'>
-          <div class='grid grid-cols-2 gap-4'>
-              <div class='col-span-2'>
-                <img
-                  src='./images/properties/a1.jpg'
-                  alt=''
-                  class='object-cover h-[400px] w-full rounded-xl cursor-pointer' />
-              </div>
-              <div class='col-span-2'>
-                <img
-                  src='./images/properties/a2.jpg'
-                  alt=''
-                  class='object-cover h-[400px] w-full rounded-xl cursor-pointer' />
-              </div>
-              <div class='col-span-2'>
-                <img
-                  src='./images/properties/a3.jpg'
-                  alt=''
-                  class='object-cover h-[400px] w-full rounded-xl cursor-pointer' />
-              </div>
-              <div class='col-span-2'>
-                <img
-                  src='./images/properties/a4.jpg'
-                  alt=''
-                  class='object-cover h-[400px] w-full rounded-xl cursor-pointer' />
-              </div>
-          </div>       
+    <section class="bg-blue-50 p-4">
+      <div class="container mx-auto">
+        <div class="grid grid-cols-2 gap-4">
+          <div class="col-span-2">
+            <img
+              src="./images/properties/a1.jpg"
+              alt=""
+              class="object-cover h-[400px] w-full rounded-xl cursor-pointer"
+            />
+          </div>
+          <div class="col-span-2">
+            <img
+              src="./images/properties/a2.jpg"
+              alt=""
+              class="object-cover h-[400px] w-full rounded-xl cursor-pointer"
+            />
+          </div>
+          <div class="col-span-2">
+            <img
+              src="./images/properties/a3.jpg"
+              alt=""
+              class="object-cover h-[400px] w-full rounded-xl cursor-pointer"
+            />
+          </div>
+          <div class="col-span-2">
+            <img
+              src="./images/properties/a4.jpg"
+              alt=""
+              class="object-cover h-[400px] w-full rounded-xl cursor-pointer"
+            />
+          </div>
+        </div>
       </div>
     </section>