Images set with round corners

src/components/home/testimonialSection.vue

                 <div class="col-sm-12 col-md-6">
                   <div class="testimonial-img">
                     <router-link to="/resort/csp">
-                      <img src="img/testimonial-1.png" alt class="CrystalSprings" />
+                      <img
+                        src="img/testimonial-1.png"
+                        alt
+                        class="CrystalSprings"
+                        style="border-radius:10px"
+                      />
                     </router-link>
                   </div>
                 </div>
                 <div class="col-sm-12 col-md-6">
                   <div class="testimonial-img">
                     <router-link to="/resort/nl">
-                      <img src="img/testimonial-2.png" alt class="Ngwenya Lodge" />
+                      <img
+                        src="img/testimonial-2.png"
+                        alt
+                        class="Ngwenya Lodge"
+                        style="border-radius:10px"
+                      />
                     </router-link>
                   </div>
                 </div>
                 <div class="col-sm-12 col-md-6">
                   <div class="testimonial-img">
                     <router-link to="/resort/mnr">
-                      <img src="img/testimonial-3.2.jpg" alt class="Mabalingwe Nature Reserve" />
+                      <img
+                        src="img/testimonial-3.2.jpg"
+                        alt
+                        class="Mabalingwe Nature Reserve"
+                        style="border-radius:10px"
+                      />
                     </router-link>
                   </div>
                 </div>
                 <div class="col-sm-12 col-md-6">
                   <div class="testimonial-img">
                     <router-link to="/resort/le">
-                      <img src="img/testimonial-4.png" alt class="Little Eden" />
+                      <img
+                        src="img/testimonial-4.png"
+                        alt
+                        class="Little Eden"
+                        style="border-radius:10px"
+                      />
                     </router-link>
                   </div>
                 </div>

src/components/property/propertySearchPage.vue

         </div>
         <div class="col-md-4">
           <p>
-            <img class="img-fluid" src="./../../../public/img/commercial.jpg" alt="About Resale" />
+            <img
+              class="img-fluid"
+              src="./../../../public/img/commercial.jpg"
+              alt="About Resale"
+              style="border-radius:10px"
+            />
           </p>
         </div>
       </div>

src/components/timeshare/buy/buyPage.vue

                     width="100%"
                     height="450"
                     frameborder="0"
-                    style="border:0"
+                    style="border-radius:10px"
                     allowfullscreen
                   ></iframe>
                   <br />

src/components/timeshare/resort/resortPage.vue

         </div>
         <div class="row mb-4">
           <div class="col-md-4">
-            <img class="img-fluid" :src="image1" alt="Resort Image" />
+            <img class="img-fluid" :src="image1" alt="Resort Image" style="border-radius:10px" />
           </div>
           <div class="col-md-4">
-            <img class="img-fluid" :src="image2" alt="Resort Image" />
+            <img class="img-fluid" :src="image2" alt="Resort Image" style="border-radius:10px" />
           </div>
           <div class="col-md-4">
-            <img class="img-fluid" :src="image3" alt="Resort Image" />
+            <img class="img-fluid" :src="image3" alt="Resort Image" style="border-radius:10px" />
           </div>
         </div>
       </div>

src/components/timeshare/resort/unitPage.vue

       </div>
       <div class="row mb-4">
         <div class="col-md-4">
-          <img class="img-fluid" :src="image1" alt="Resort Image" />
+          <img class="img-fluid" :src="image1" alt="Resort Image" style="border-radius:10px" />
         </div>
         <div class="col-md-4">
-          <img class="img-fluid" :src="image2" alt="Resort Image" />
+          <img class="img-fluid" :src="image2" alt="Resort Image" style="border-radius:10px" />
         </div>
         <div class="col-md-4">
-          <img class="img-fluid" :src="image3" alt="Resort Image" />
+          <img class="img-fluid" :src="image3" alt="Resort Image" style="border-radius:10px" />
         </div>
       </div>
     </div>