added news images and mobile social media icons

assets/css/main.css

@@ -212,6 +212,10 @@ li .dropdown-item-mobile {
     margin-right: auto;
 }
 
+.hero-icons svg {
+    color: var(--color-text);
+}
+
 .hero-card {
     width: 12rem;
     height: 10rem;
@@ -482,6 +486,22 @@ footer {
     margin: 0 auto;
 }
 
+.feed-thumbnail-wrapper {
+    position: relative;
+    width: 100%;
+    aspect-ratio: 1 / 1;
+    overflow: hidden;
+    border-radius: 8px;
+    margin-bottom: 1rem;
+}
+
+.feed-thumbnail {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+}
+
 .feed-heading {
     font-size: 2.5rem;
     margin-top: 0;
@@ -633,6 +653,12 @@ footer {
     }
 }
 
+@media (min-width: 1261px) {
+    .hero-icons {
+        display: none !important;
+    }
+}
+
 @media (max-width: 1260px) {
     .hero-card-wrapper {
         display: none;