news teaser changes: img cover and margin top excerpt

wordpress/wp-content/themes/makeitopen/assets/scss/elements/_news-teaser.scss

 .news-teaser {
 	
 	.img-wrapper {
-		line-height: 0;
 		display: block;
 		@include colourBg($bg-yellow, 0deg);
 
+		div {
+			height: 0;
+			padding-bottom: 60%;
+			overflow: hidden;
+			position: relative;
+		}
+
 		img {
+			position: absolute;
+			width: 100%;
+			height: 100%;
+			object-fit: cover;
 			mix-blend-mode: multiply;
-			max-width: 100%;
 			z-index: -1;
 		}
 
@@ -44,19 +53,19 @@
 			font-weight: 300;
 		}
 
-		.excerpt {
-			display: none;
-
-			@media only screen and (min-width: $medium) {
-				display: block;
-				margin: 20px 0;
-				font-size: 20px;
-				line-height: 32px;
-			}
-		}
-
 		&.text-link	{
 			padding: 0 0 0 5px;
 		}
 	}
+
+	.excerpt {
+		display: none;
+
+		@media only screen and (min-width: $medium) {
+			display: block;
+			margin: 20px 0;
+			font-size: 20px;
+			line-height: 32px;
+		}
+	}
 }
\ No newline at end of file