Update custom.scss

Author: NetrunnerCodex

_sass/custom/custom.scss

@@ -14,7 +14,7 @@
     flex: 1; /* Ensures the text container takes up available space */
     padding: 15px; /* Adds spacing around the text */
     color: #ffffff; /* White text for contrast */
-    background-image: url('path-to-your-image.jpg'); /* Path to your background image */
+    background-image: url('/assets/images/slugs/pixel-bg.jpg'); /* Path to your background image */
     background-size: cover; /* Ensures the background image covers the container */
     background-repeat: no-repeat; /* Prevents tiling */
     background-position: center; /* Centers the image */
@@ -36,18 +36,20 @@
 }
 
 .image-container {
-    flex-shrink: 0; /* Prevents the image container from shrinking */
-    width: 290px; /* Fixed width for consistency */
-    height: 160px; /* Fixed height to match the `.slug` */
-    overflow: hidden; /* Clips any overflowing content */
-    margin: 0; /* Ensures no gaps */
+    width: 100%; /* Ensures the container spans the full width */
+    height: auto; /* Adjusts the height dynamically */
+    margin: 0; /* Removes any gap caused by margins */
+    padding: 0; /* Ensures no extra space inside the container */
+    display: flex; /* Ensures proper alignment */
+    align-items: center; /* Vertically aligns the image */
+    justify-content: center; /* Centers the image horizontally */
 }
 
 .image-container img {
-    width: 100%; /* Ensures the image fills its container */
-    height: 100%; /* Maintains proportions */
-    object-fit: cover; /* Ensures the image fits neatly */
-    border: none; /* Removes rounded corners */
+    width: 100%; /* Ensures the image fully fills the container's width */
+    height: auto; /* Maintains the aspect ratio */
+    display: block; /* Prevents inline-image spacing */
+    margin: 0; /* Removes any default margin */
 }
 
 @media (max-width: 768px) {