Merge pull request #862 from anuragdogra/main

fix_image_card_for_section_alignment

Author: SauravMukherjee44

assets/css/oppurtunity.css

@@ -38,6 +38,9 @@ li {
 
 .card-img-top {
   border-radius: 3rem;
+  height:340px; /* Fixed height for images */
+  object-fit: cover; /* Maintain aspect ratio */
+  width: 100%; /* Full width of the card */
 }
 
 .oppurtunity_section {

assets/img/blog/briandouglas.jpg

@@ -244,8 +244,10 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Blogs</h2>
     <div class="blog" data-aos="fade-up" data-aos-duration="1500">
 
       <div class="image" style="max-width: 50rem;">
-        <img src="https://appinventiv.com/wp-content/uploads/sites/1/2019/10/Android-app-development-cost-1.png"
+        <img
+          src="https://media.kasperskycontenthub.com/wp-content/uploads/sites/43/2018/09/18085355/abstract-iot-1000x600.jpg"
           alt="App development blog image">
+
       </div>
       <div class="blog_content" id="content">
 
@@ -278,8 +280,8 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Blogs</h2>
 
       <div class="image" style="max-width: 50rem;">
 
-        <img src="https://www.programmableweb.com/sites/default/files/ryan-boyd-databricks.jpg"
-          alt="API development blog image">
+        <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--FOAe70-B--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ieaztj45syjgmk6uef0g.png" alt="API development blog image">
+
       </div>
 
       <div class="blog_content" id="content">
@@ -308,8 +310,8 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Blogs</h2>
 
     <div class="blog aos-init aos-animate" data-aos="fade-up" data-aos-duration="1500">
 
-      <div class="image" style="max-width: 50rem;">
-        <img src="https://2021.allthingsopen.org/wp-content/uploads/2021/07/briandouglas.jpg"
+      <div class="image" style="max-width: 50rem; height: 300px;">
+        <img  src="./assets/img/blog/briandouglas.jpg"
           alt="Github developer team blog image">
       </div>
 
@@ -477,7 +479,7 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Blogs</h2>
      <div class="blog" data-aos="fade-up" data-aos-duration="1500">
 
       <div class="image" style="max-width: 50rem;">
-        <img src="https://cdn-dppbk.nitrocdn.com/yQqYxSaTIazRSTSDbfxPrqFzJPJOhsTG/assets/static/optimized/rev-3378732/wp-content/uploads/2019/06/flutter_blog-react-vs-flutter-1200x640.png.webp" alt="Programming Sites">
+        <img src="./assets/img/blog/being-by-doing.jpg" alt="Programming Sites">
 
       </div>
       <div class="blog_content" id="content">