consolidate media-frame usage

src/components/Post/PostImage.module.scss

@@ -30,33 +30,15 @@
     margin-top: $spacer * 1.5;
     margin-bottom: $spacer * 1.5;
 
-    > div {
-        @include media-frame();
-
-        border-radius: 0;
-
-        @media (min-width: $screen-sm) {
-            border-radius: $border-radius;
-        }
-    }
-
     a & {
         position: relative;
         display: block;
     }
 
     a:hover & {
-        > div {
-            border-color: $link-color !important;
-        }
-
         .postImageTitle {
             opacity: 1;
             transform: translate3d(0, 0, 0);
         }
     }
-
-    img {
-        border-radius: 0;
-    }
 }

src/components/atoms/Image.jsx

@@ -6,8 +6,8 @@ import styles from './Image.module.scss'
 
 const Image = ({ fluid, fixed, alt }) => (
   <Img
-    className={styles.image}
+    className={styles.imageWrap}
-    outerWrapperClassName={styles.imageWrap}
+    imgStyle={styles.image}
     backgroundColor="#dfe8ef"
     fluid={fluid ? fluid : null}
     fixed={fixed ? fixed : null}

src/components/molecules/Featured.module.scss

@@ -68,16 +68,8 @@
     }
 
     a {
-        > div {
-            @include media-frame();
-        }
-
         &:hover,
         &:focus {
-            > div {
-                border-color: $link-color !important;
-            }
-
             .featuredTitle {
                 opacity: 1;
                 transform: translate3d(0, 0, 0);

src/components/molecules/RelatedPosts.module.scss

@@ -39,19 +39,19 @@
         }
     }
 
+    img {
+        margin-bottom: 0;
+    }
+
     a {
         display: block;
 
         > div {
-            @include media-frame;
+            margin-bottom: 0;
         }
 
         &:hover,
         &:focus {
-            > div {
-                border-color: $link-color;
-            }
-
             h4 {
                 color: $link-color;
             }

src/templates/Page.jsx

@@ -16,7 +16,7 @@ const Page = ({ title, location, section, children }) => {
 Page.propTypes = {
   title: PropTypes.string.isRequired,
   children: PropTypes.any.isRequired,
-  section: PropTypes.object,
+  section: PropTypes.string,
   location: PropTypes.object
 }