Using rcss

components/03_Organisms/imageGrid/_imageGrid.scss

@@ -1,42 +1,9 @@
 .LP-ImageGrid{
+	@include RV-FlexGrid(290px, 200px);
+	@include RV-ElementList;
+	@include RV-Spacing__Inner--small;
 
-    .LP-ImageGrid__List{
-        list-style-type: none;
-        display: grid;
-        grid-template-columns: repeat(auto-fit, 300px);
-        align-content: space-around;
-        justify-content: center;
-        margin: 0px;
-        padding: 0px;
+    .LP-ImageGrid__Item {
+		@include RV-ContentCrop;
     }
-
-    .LP-ImageGrid__Item{
-        margin-top:10px;
-    }
-
-    .LP-Link{
-        overflow: hidden;
-    }
-
-    .LP-Image {
-        box-shadow: 0 0 5px $-grey;
-        height: 200px;
-        width: 290px;
-        object-fit: cover;
-    }
-}
-
-@media(max-width: $-viewport-small){
-    .LP-ImageGrid{
-        .LP-ImageGrid__List{
-            grid-template-columns: 1fr;
-
-            .LP-Image{
-                box-shadow: 0 0 5px $-grey;
-                height: auto;
-                width: 100%;
-                object-fit: cover;
-            }
-        }
-    }
-}
+}

components/03_Organisms/imageGrid/imageGrid.hbs

@@ -1,6 +1,6 @@
 
 <div class="LP-ImageGrid">
-    <ul class="LP-ImageGrid__List">
+    <ul class="LP-ImageGrid__Container">
         {{#each images}}
         <li class="LP-ImageGrid__Item">
             <a href="#" class="LP-Link"><img  class="LP-Image" src="{{this}}"></a>