image size / position tweaks

wordpress/wp-content/themes/makeitopen/assets/scss/partials/_content-row.scss

@@ -25,7 +25,7 @@
 
 		img {
 			display: inline-block;
-			width: 100%;
+			width: 60vw;
 			max-width: 400px;
 			mix-blend-mode: multiply;
 		}

wordpress/wp-content/themes/makeitopen/assets/scss/partials/_items.scss

@@ -68,14 +68,14 @@
 
 		.img {
 			margin-bottom: 20px;
-			width: 160px;
-			height: 160px;
+			width: 200px;
+			height: 200px;
 			overflow: hidden;
 
 			img {
 				width: 100%;
 				height: 100%;
-        mix-blend-mode: multiply;
+				mix-blend-mode: multiply;
 			}
 
 			&--cover img {
@@ -84,7 +84,11 @@
 
 			&--contain img {
 				object-fit: contain;
-				object-position: top center;
+				object-position: bottom center;
+
+				@media only screen and (min-width: $smallmedium) {
+					object-position: top center;
+				}
 			}
 		}