Section 9: Images are cutting off to correct the full width

style.css

@@ -12,14 +12,13 @@
   transform: translateY(-8px);
   box-shadow: 0 20px 40px -10px rgba(0, 32, 96, 0.2);
 }
-
 .resource-card img {
   transition: transform 0.6s ease;
   width: 100%;
   height: 100%;
   object-fit: cover;
+  object-position: center;
 }
-
 .resource-card:hover img {
   transform: scale(1.05);
 }
@@ -57,6 +56,10 @@
   flex-grow: 1;
 }
 
+.resource-card .relative {
+  height: 100%;
+  width: 100%;
+}
 .resource-card h4 {
   transition: color 0.3s ease;
 }
@@ -70,6 +73,9 @@
   .resource-card {
     max-width: 100%;
   }
+  .resource-card .relative {
+    height: 200px;
+  }
 }
 body {
 	padding: 0;