Updated styling

src/components/RichFigure.vue

@@ -1,5 +1,5 @@
 <template>
-  <figure :class="[{ float: imgPos }, imgPos]" :style="'width: ' + imgW">
+  <figure :class="[{ float: imgPos }, imgPos]">
     <img :src="imgSrc" :alt="caption" />
     <figcaption>{{ caption }}</figcaption>
   </figure>
@@ -20,9 +20,8 @@ export default {
 <style lang="scss" scoped>
 figure {
   position: relative;
-
+  overflow: hidden;
   margin: 0;
-
   line-height: 1;
 
   figcaption {
@@ -32,7 +31,6 @@ figure {
     right: 0;
 
     line-height: 1.5;
-
     background: rgba(#000, 0.5);
     color: #fff;
     text-align: center;
@@ -44,14 +42,20 @@ figure {
 }
 
 .float {
-  &.left {
-    float: left;
-    margin: 0 0.75em 0.375em 0;
-  }
+  width: 100%;
 
-  &.right {
-    float: right;
-    margin: 0 0 1em 1em;
+  @media (min-width: 35em) {
+    width: 20em;
+
+    &.left {
+      float: left;
+      margin: 0 0.75em 0.375em 0;
+    }
+
+    &.right {
+      float: right;
+      margin: 0 0 1em 1em;
+    }
   }
 }
 </style>