update css

static/css/style.css

@@ -371,11 +371,6 @@ body {
      object-fit: cover;
   max-height: 300px;
 }
-@media (max-width: 575px) {
-  .news-all img {
-    max-height: 180px;
-  }
-}
 .news-all .post-title {
   margin: 5px auto;
   line-height: 46px;
@@ -386,7 +381,7 @@ body {
   }
 }
 .news-all .post-title a {
-  font-size: 30px;
+  font-size: 28px;
 }
 @media (max-width: 767px) {
   .news-all .post-title a {
@@ -415,4 +410,22 @@ body {
   top: 20px;
 }
 
+.news-featured img,
+.focus-content img {
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+@media (max-width: 991px) {
+  .news-featured img,
+  .focus-content img {
+    height: 370px;
+  }
+}
+@media (max-width: 767px) {
+  .news-featured img,
+  .focus-content img {
+    height: 300px;
+  }
+}
+
 /* news-featured.html End *//*# sourceMappingURL=style.css.map */

static/css/style.scss

@@ -430,10 +430,6 @@ body {
   img {
     object-fit: cover;
     max-height: 300px;
-
-    @media (max-width: 575px) {
-      max-height: 180px;
-    }
   }
 
   .post-title {
@@ -445,7 +441,7 @@ body {
     }
 
     a {
-      font-size: 30px;
+      font-size: 28px;
 
       @media (max-width: 767px) {
         font-size: 26px;
@@ -482,4 +478,19 @@ body {
   top: 20px;
 }
 
+.news-featured,
+.focus-content {
+  img {
+    object-fit: cover;
+
+    @media (max-width: 991px) {
+      height: 370px;
+    }
+
+    @media (max-width: 767px) {
+      height: 300px;
+    }
+  }
+}
+
 /* news-featured.html End */

themes/hugo-bootstrap-5/layouts/_default/list.html

@@ -53,12 +53,12 @@
 
                 <div class="col-12">
                     <div class="row align-items-center">
-                        <div class="col-6">
+                        <div class="col-12 col-sm-6">
                             <a href="{{ .Permalink }}">
                                 <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
                             </a>
                         </div>
-                        <div class="col-6">
+                        <div class="col-12 col-sm-6">
                             <article>
                                 <section class="news-info">
                                     {{ range (.GetTerms "categories") }}

themes/hugo-bootstrap-5/layouts/partials/news-all.html

@@ -31,12 +31,12 @@
 
   <div class="col-12">
     <div class="row align-items-center">
-      <div class="col-6">
+      <div class="col-12 col-sm-6">
         <a href="{{ .Permalink }}">
           <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
         </a>
       </div>
-      <div class="col-6">
+      <div class="col-12 col-sm-6">
         <article>
           <section class="news-info">
             {{ range (.GetTerms "categories") }}