update: featured — adjusting styling for size

Author: EmptyWork

src/_includes/sections/featured.njk

@@ -43,8 +43,8 @@
       </div>
       <div class="featured-right">
         <img src="/assets/images/bikeforrupiah.png"
-             width="100"
-             height="100"
+             width="400"
+             height="400"
              alt=""
              srcset="">
       </div>

src/assets/scss/components/_featured.scss

@@ -44,11 +44,18 @@
       min-height: 10em;
     }
 
-    img {
-      all: unset;
-      overflow: clip-path !important;
+    picture {
+      overflow: clip !important;
       width: min(100%, 26.1875rem);
       aspect-ratio: 1/1;
+
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        object-position: center;
+        border-radius: 0.3em;
+      }
     }
 
     #svg {