diff --git a/components/01_Layouts/flexGrid/flexGrid.hbs b/components/01_Layouts/flexGrid/flexGrid.hbs
index 6436a71..7b4d443 100644
--- a/components/01_Layouts/flexGrid/flexGrid.hbs
+++ b/components/01_Layouts/flexGrid/flexGrid.hbs
@@ -30,53 +30,33 @@
 
 <div class="RV-FlexGrid RV-FlexGrid{{modifier}} RV-Spacing__Inner--medium">
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint" src="{{path '/images/square.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint RV-FocalPoint--upperHalf" src="{{path '/images/portrait.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint RV-FocalPoint--lowerHalf" src="{{path '/images/portrait.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint RV-FocalPoint--leftHalf" src="{{path '/images/landscape.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint RV-FocalPoint--rightHalf" src="{{path '/images/square.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint" src="{{path '/images/landscape.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint" src="{{path '/images/landscape.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint" src="{{path '/images/portrait.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint" src="{{path '/images/square.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
-		</div>
+		<img class="RV-Imag RV-FocalPoint" src="{{path '/images/portrait.jpeg'}}"/>
 	</div>									
 </div>
\ No newline at end of file