🐛 fix: improve responsiveness of home banner

sass/parts/_cards.scss

@@ -50,7 +50,7 @@
     transition: 300ms;
     width: 28%;
     margin-right: 1%;
-    margin-top:3%;
+    margin-top: 1%;
 }
 .bloglist-container {
     display: flex;

sass/parts/_home-banner.scss

@@ -11,6 +11,7 @@
     width: 22%;
     overflow: hidden;
     border-radius: 10px;
+    text-align: center;
 }
 
 #home-banner-text {
@@ -29,9 +30,13 @@
     line-height: 1.75rem;
     color: var(--text-color);
 }
+
 .banner-home-img {
     border-radius: 50%;
-    max-height: 80%;
+    max-width: 15rem;
+    max-height: 15rem;
+    width: 100%;
+    height: auto;
     border: none;
 }
 
@@ -41,13 +46,16 @@
         margin: 0 auto;
     }
 
+    .banner-home-img {
+        max-width: 12rem;
+        max-height: 12rem;
+    }
+
     .image-container-home {
         width: 95%;
-        height: 50vh;
     }
 
     #home-banner-text {
         width: 95%;
-
     }
 }