diff --git a/block-languages/benenson-blocks.pot b/block-languages/benenson-blocks.pot
index 2b8927e..33501c8 100644
--- a/block-languages/benenson-blocks.pot
+++ b/block-languages/benenson-blocks.pot
@@ -176,6 +176,7 @@ msgstr ""
 #: src/scripts/blocks/header/DisplayComponent.js:76
 #: src/scripts/blocks/image/BlockEdit.js:201
 #: src/scripts/blocks/link/DisplayComponent.js:41
+#: src/scripts/blocks/media-aside/DisplayComponent.js:53
 #: src/scripts/blocks/slider/DisplayComponent.js:37
 msgid "Left"
 msgstr ""
@@ -192,6 +193,7 @@ msgstr ""
 #: src/scripts/blocks/header/DisplayComponent.js:83
 #: src/scripts/blocks/image/BlockEdit.js:208
 #: src/scripts/blocks/link/DisplayComponent.js:47
+#: src/scripts/blocks/media-aside/DisplayComponent.js:57
 #: src/scripts/blocks/slider/DisplayComponent.js:44
 msgid "Right"
 msgstr ""
@@ -461,7 +463,7 @@ msgid "Background Type"
 msgstr ""
 
 #: src/scripts/blocks/header/DisplayComponent.js:146
-#: src/scripts/blocks/media-aside/DisplayComponent.js:52
+#: src/scripts/blocks/media-aside/DisplayComponent.js:69
 msgid "Embed url"
 msgstr ""
 
@@ -649,7 +651,7 @@ msgstr ""
 #: src/scripts/blocks/key-facts/fact.js:30
 #: src/scripts/blocks/key-facts/index.js:79
 #: src/scripts/blocks/links-with-icons/InnerBlockEdit.js:268
-#: src/scripts/blocks/media-aside/DisplayComponent.js:83
+#: src/scripts/blocks/media-aside/DisplayComponent.js:112
 #: src/scripts/blocks/post-list/components/editable/GridItem.js:30
 #: src/scripts/blocks/post-list/components/editable/LinkList.js:29
 #: src/scripts/blocks/post-list/components/editable/PostItem.js:55
@@ -658,7 +660,7 @@ msgid "(Insert Title)"
 msgstr ""
 
 #: src/scripts/blocks/key-facts/fact.js:39
-#: src/scripts/blocks/media-aside/DisplayComponent.js:93
+#: src/scripts/blocks/media-aside/DisplayComponent.js:122
 #: src/scripts/blocks/post-list/components/editable/GridItem.js:46
 #: src/scripts/blocks/post-list/components/editable/PostItem.js:71
 #: src/scripts/blocks/post-list/components/editable/SplitGridItem.js:54
@@ -831,23 +833,27 @@ msgstr ""
 msgid "Add a repeatable logo block"
 msgstr ""
 
-#: src/scripts/blocks/media-aside/DisplayComponent.js:103
+#: src/scripts/blocks/media-aside/DisplayComponent.js:132
 msgid "(Insert Link text)"
 msgstr ""
 
-#: src/scripts/blocks/media-aside/DisplayComponent.js:57
+#: src/scripts/blocks/media-aside/DisplayComponent.js:74
 msgid "Display in modal"
 msgstr ""
 
-#: src/scripts/blocks/media-aside/DisplayComponent.js:58
+#: src/scripts/blocks/media-aside/DisplayComponent.js:75
 msgid "Clicking play will open up the video in a modal."
 msgstr ""
 
-#: src/scripts/blocks/media-aside/DisplayComponent.js:62
+#: src/scripts/blocks/media-aside/DisplayComponent.js:80
+msgid "Image Alignment"
+msgstr ""
+
+#: src/scripts/blocks/media-aside/DisplayComponent.js:85
 msgid "Image/Video Poster"
 msgstr ""
 
-#: src/scripts/blocks/media-aside/DisplayComponent.js:68
+#: src/scripts/blocks/media-aside/DisplayComponent.js:91
 msgid "Video (will override embed)"
 msgstr ""
 
diff --git a/includes/block-translations.php b/includes/block-translations.php
index 7c928b8..7935d17 100644
--- a/includes/block-translations.php
+++ b/includes/block-translations.php
@@ -12,7 +12,7 @@
 	__( 'Standard', 'benenson' ),
 
 	// Reference: src/scripts/blocks/action/BlockEdit.js:37
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:62
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:74
 	__( 'Wide', 'benenson' ),
 
 	// Reference: src/scripts/blocks/action/BlockEdit.js:62
@@ -70,7 +70,7 @@
 	// Reference: src/scripts/blocks/blockquote/index.js:232
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:95
 	// Reference: src/scripts/blocks/menu/DisplayComponent.js:12
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:37
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:49
 	__( 'White', 'benenson' ),
 
 	// Reference: src/scripts/blocks/appearance-options/index.js:42
@@ -103,7 +103,7 @@
 	// Reference: src/scripts/blocks/link/DisplayComponent.js:53
 	// Reference: src/scripts/blocks/menu/DisplayComponent.js:96
 	// Reference: src/scripts/blocks/post-list/DisplayComponent.js:91
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:68
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:80
 	// Reference: src/scripts/blocks/slider/DisplayComponent.js:215
 	__( 'Options', 'benenson' ),
 
@@ -138,12 +138,14 @@
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:76
 	// Reference: src/scripts/blocks/image/BlockEdit.js:201
 	// Reference: src/scripts/blocks/link/DisplayComponent.js:41
+	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:53
 	// Reference: src/scripts/blocks/slider/DisplayComponent.js:37
 	/* translators: text alignment. for RTL languages, localise as 'Right' */
 	__( 'Left', 'benenson' ),
 
 	// Reference: src/scripts/blocks/blockquote/index.js:165
 	// Reference: src/scripts/blocks/image/BlockEdit.js:197
+	// Reference: src/scripts/blocks/section/index.js:53
 	// Reference: src/scripts/blocks/tweet/index.js:26
 	__( 'Default', 'benenson' ),
 
@@ -151,6 +153,7 @@
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:83
 	// Reference: src/scripts/blocks/image/BlockEdit.js:208
 	// Reference: src/scripts/blocks/link/DisplayComponent.js:47
+	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:57
 	// Reference: src/scripts/blocks/slider/DisplayComponent.js:44
 	/* translators: text alignment. for RTL languages, localise as 'Left' */
 	__( 'Right', 'benenson' ),
@@ -159,7 +162,7 @@
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:114
 	// Reference: src/scripts/blocks/links-with-icons/InnerBlockEdit.js:223
 	// Reference: src/scripts/blocks/logo-list/InnerBlockEdit.js:139
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:48
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:60
 	__( 'Small', 'benenson' ),
 
 	// Reference: src/scripts/blocks/blockquote/index.js:217
@@ -181,7 +184,7 @@
 	// Reference: src/scripts/blocks/links-with-icons/BlockEdit.js:60
 	// Reference: src/scripts/blocks/logo-list/BlockEdit.js:52
 	// Reference: src/scripts/blocks/menu/DisplayComponent.js:15
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:40
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:52
 	// Reference: src/scripts/blocks/section/index.js:27
 	__( 'Grey', 'benenson' ),
 
@@ -322,19 +325,19 @@
 	// Reference: src/scripts/blocks/download/index.js:13
 	__( 'Add a button to download a resource', 'benenson' ),
 
-	// Reference: src/scripts/blocks/download/index.js:44
+	// Reference: src/scripts/blocks/download/index.js:43
 	__( 'File', 'benenson' ),
 
-	// Reference: src/scripts/blocks/download/index.js:45
+	// Reference: src/scripts/blocks/download/index.js:44
 	__( 'A File', 'benenson' ),
 
-	// Reference: src/scripts/blocks/download/index.js:67
+	// Reference: src/scripts/blocks/download/index.js:66
 	__( '[Download Resource]', 'benenson' ),
 
-	// Reference: src/scripts/blocks/download/index.js:75
+	// Reference: src/scripts/blocks/download/index.js:74
 	__( 'Remove Resource', 'benenson' ),
 
-	// Reference: src/scripts/blocks/download/index.js:85
+	// Reference: src/scripts/blocks/download/index.js:84
 	__( 'Edit File', 'benenson' ),
 
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:103
@@ -346,7 +349,7 @@
 	__( 'Video', 'benenson' ),
 
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:111
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:56
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:68
 	__( 'Normal', 'benenson' ),
 
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:128
@@ -354,7 +357,7 @@
 	// Reference: src/scripts/blocks/links-with-icons/BlockEdit.js:81
 	// Reference: src/scripts/blocks/logo-list/BlockEdit.js:67
 	// Reference: src/scripts/blocks/menu/DisplayComponent.js:107
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:70
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:82
 	__( 'Background Colour', 'benenson' ),
 
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:140
@@ -362,14 +365,14 @@
 	__( 'Background Type', 'benenson' ),
 
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:146
-	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:52
+	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:69
 	__( 'Embed url', 'benenson' ),
 
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:150
 	__( 'Setting this will override the cta link and will now open a modal with the embed in the hero.', 'benenson' ),
 
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:152
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:93
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:105
 	__( 'Background Image', 'benenson' ),
 
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:152
@@ -400,7 +403,7 @@
 	// Reference: src/scripts/blocks/link/DisplayComponent.js:30
 	// Reference: src/scripts/blocks/links-with-icons/BlockEdit.js:57
 	// Reference: src/scripts/blocks/logo-list/BlockEdit.js:49
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:51
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:63
 	__( 'None', 'benenson' ),
 
 	// Reference: src/scripts/blocks/header/PostFeaturedVideo.js:6
@@ -438,7 +441,7 @@
 	__( 'Write caption…', 'benenson' ),
 
 	// Reference: src/scripts/blocks/iframe/DisplayComponent.js:91
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:82
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:94
 	__( 'Width', 'benenson' ),
 
 	// Reference: src/scripts/blocks/iframe/DisplayComponent.js:95
@@ -505,15 +508,15 @@
 	// Reference: src/scripts/blocks/key-facts/fact.js:30
 	// Reference: src/scripts/blocks/key-facts/index.js:79
 	// Reference: src/scripts/blocks/links-with-icons/InnerBlockEdit.js:268
-	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:83
+	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:112
 	// Reference: src/scripts/blocks/post-list/components/editable/GridItem.js:30
-	// Reference: src/scripts/blocks/post-list/components/editable/LinkList.js:27
+	// Reference: src/scripts/blocks/post-list/components/editable/LinkList.js:29
 	// Reference: src/scripts/blocks/post-list/components/editable/PostItem.js:55
 	// Reference: src/scripts/blocks/post-list/components/editable/SplitGridItem.js:38
 	__( '(Insert Title)', 'benenson' ),
 
 	// Reference: src/scripts/blocks/key-facts/fact.js:39
-	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:94
+	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:122
 	// Reference: src/scripts/blocks/post-list/components/editable/GridItem.js:46
 	// Reference: src/scripts/blocks/post-list/components/editable/PostItem.js:71
 	// Reference: src/scripts/blocks/post-list/components/editable/SplitGridItem.js:54
@@ -645,19 +648,22 @@
 	// Reference: src/scripts/blocks/logo-list/index.js:21
 	__( 'Add a repeatable logo block', 'benenson' ),
 
-	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:104
+	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:132
 	__( '(Insert Link text)', 'benenson' ),
 
-	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:57
+	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:74
 	__( 'Display in modal', 'benenson' ),
 
-	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:58
+	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:75
 	__( 'Clicking play will open up the video in a modal.', 'benenson' ),
 
-	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:62
+	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:80
+	__( 'Image Alignment', 'benenson' ),
+
+	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:85
 	__( 'Image/Video Poster', 'benenson' ),
 
-	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:68
+	// Reference: src/scripts/blocks/media-aside/DisplayComponent.js:91
 	__( 'Video (will override embed)', 'benenson' ),
 
 	// Reference: src/scripts/blocks/media-aside/index.js:27
@@ -760,7 +766,7 @@
 	// Reference: src/scripts/blocks/post-list/components/editable/SplitGridItem.js:22
 	__( '(Insert Tag)', 'benenson' ),
 
-	// Reference: src/scripts/blocks/post-list/components/editable/LinkList.js:12
+	// Reference: src/scripts/blocks/post-list/components/editable/LinkList.js:13
 	__( '(Tag Name)', 'benenson' ),
 
 	// Reference: src/scripts/blocks/post-list/components/post-selector/PostList.js:21
@@ -790,15 +796,15 @@
 	// Reference: src/scripts/blocks/post-list/index.js:49
 	__( 'Posts', 'benenson' ),
 
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:59
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:100
+	__( 'Id (scroll location)', 'benenson' ),
+
+	// Reference: src/scripts/blocks/section/DisplayComponent.js:71
 	// Reference: src/scripts/blocks/tweet/index.js:27
 	__( 'Narrow', 'benenson' ),
 
-	// Reference: src/scripts/blocks/section/DisplayComponent.js:76
-	__( 'Padding', 'benenson' ),
-
 	// Reference: src/scripts/blocks/section/DisplayComponent.js:88
-	__( 'Id (scroll location)', 'benenson' ),
+	__( 'Padding', 'benenson' ),
 
 	// Reference: src/scripts/blocks/section/index.js:26
 	__( 'Section', 'benenson' ),
diff --git a/includes/blocks/media-aside/render.php b/includes/blocks/media-aside/render.php
index 4730d02..ec1d444 100644
--- a/includes/blocks/media-aside/render.php
+++ b/includes/blocks/media-aside/render.php
@@ -20,11 +20,39 @@ function benenson_render_media_aside_block( array $attributes = [] ) {
 		$modal     = ! empty( $attributes['modal'] ) ? $attributes['modal'] : false;
 		$embed_url = ! empty( $attributes['embed'] ) ? $attributes['embed'] : '';
 		$video_url = ! empty( $attributes['videoId'] ) ? wp_get_attachment_url( $attributes['videoId'] ) : $embed_url;
+		$alignment = ! empty( $attributes['mediaAlignment'] ) ? $attributes['mediaAlignment'] : 'Right';
 
 		spaceless();
 		?>
 
-		<div class="mediaAside">
+		<div class="mediaAside mediaAside--alignment<?php echo esc_attr( $alignment ); ?>">
+			<div class="mediaAside-col">
+			<?php
+			if ( ! empty( $attributes['mediaId'] ) && ! empty( $video_url ) ) {
+				if ( $modal ) {
+					printf(
+						'<div class="mediaAside-image">%s <a class="btn" data-modal-embed="%s"><i class="play-icon">%s</i></a></div>',
+						wp_get_attachment_image( $attributes['mediaId'], 'full' ),
+						esc_url( $video_url ),
+						esc_html__( 'Play video', 'benenson' )
+					);
+				} else {
+					printf(
+						'<div class="inlineVideo mediaAside-videoContainer"><div class="inlineVideo-poster" style="background-image:url(\'%s\');"></div><a class="btn" data-inline-embed="%s"><i class="play-icon">%s</i></a></div>',
+						esc_url( wp_get_attachment_url( $attributes['mediaId'] ) ),
+						esc_url( $video_url ),
+						esc_html__( 'Play video', 'benenson' )
+					);
+				}
+			} elseif ( ! empty( $attributes['mediaId'] ) ) {
+				printf(
+					'<div class="mediaAside-image">%s</div>',
+					wp_get_attachment_image( $attributes['mediaId'], 'full' )
+				);
+			}
+
+			?>
+			</div>
 			<div class="mediaAside-col">
 				<div class="mediaAside-content">
 
@@ -44,37 +72,7 @@ function benenson_render_media_aside_block( array $attributes = [] ) {
 
 				?>
 
-			</div>
-		</div>
-
-		<div class="mediaAside-col">
-
-		<?php
-		if ( ! empty( $attributes['mediaId'] ) && ! empty( $video_url ) ) {
-			if ( $modal ) {
-				printf(
-					'<div class="mediaAside-image">%s <a class="btn" data-modal-embed="%s"><i class="play-icon">%s</i></a></div>',
-					wp_get_attachment_image( $attributes['mediaId'], 'full' ),
-					esc_url( $video_url ),
-					esc_html__( 'Play video', 'benenson' )
-				);
-			} else {
-				printf(
-					'<div><div class="inlineVideo mediaAside-videoContainer"><div class="inlineVideo-poster" style="background-image:url(\'%s\');"></div><a class="btn" data-inline-embed="%s"><i class="play-icon">%s</i></a></div></div>',
-					esc_url( wp_get_attachment_url( $attributes['mediaId'] ) ),
-					esc_url( $video_url ),
-					esc_html__( 'Play video', 'benenson' )
-				);
-			}
-		} elseif ( ! empty( $attributes['mediaId'] ) ) {
-			printf(
-				'<div class="mediaAside-image">%s</div>',
-				wp_get_attachment_image( $attributes['mediaId'], 'full' )
-			);
-		}
-
-		?>
-
+				</div>
 			</div>
 		</div>
 
diff --git a/src/scripts/blocks/media-aside/DisplayComponent.js b/src/scripts/blocks/media-aside/DisplayComponent.js
index 810860e..bc9de02 100644
--- a/src/scripts/blocks/media-aside/DisplayComponent.js
+++ b/src/scripts/blocks/media-aside/DisplayComponent.js
@@ -2,8 +2,11 @@ import classnames from 'classnames';
 import PostFeaturedVideo from '../header/PostFeaturedVideo';
 
 const { __ } = wp.i18n;
+const { applyFilters } = wp.hooks;
 const { Component, Fragment } = wp.element;
-const { TextControl, PanelBody, ToggleControl } = wp.components;
+const {
+  TextControl, PanelBody, ToggleControl, SelectControl,
+} = wp.components;
 const { InspectorControls, RichText, URLInputButton } = wp.editor;
 const { PostMediaSelector } = benenson.components;
 
@@ -43,7 +46,21 @@ class DisplayComponent extends Component {
 
   render() {
     const { attributes, setAttributes } = this.props;
-    const imageUrl = attributes.mediaUrl ? attributes.mediaUrl : 'turnip';
+    const imageUrl = attributes.mediaUrl ? attributes.mediaUrl : '';
+
+    const alignmentOptions = applyFilters('benenson.block.mediaAside.alignmentOptions', [{
+      /* translators: text alignment. for RTL languages, localise as 'Right' */
+      label: __('Left', 'benenson'),
+      value: 'Left',
+    }, {
+      /* translators: text alignment. for RTL languages, localise as 'Left' */
+      label: __('Right', 'benenson'),
+      value: 'Right',
+    }]);
+
+    const classes = classnames('mediaAside', {
+      [`mediaAside--alignment${attributes.mediaAlignment}`]: attributes.mediaAlignment,
+    });
 
     return (
       <Fragment>
@@ -59,6 +76,12 @@ class DisplayComponent extends Component {
             checked={ attributes.modal }
             onChange={ displayModal => setAttributes({ modal: displayModal }) }
           />
+          <SelectControl
+            label={ __('Image Alignment', 'benenson') }
+            options={ alignmentOptions }
+            value={ attributes.mediaAlignment }
+            onChange={ alignment => setAttributes({ mediaAlignment: alignment }) }
+          />
           <PanelBody title={__('Image/Video Poster', 'benenson') }>
             <PostMediaSelector
               onUpdate={ this.handleMediaChange }
@@ -72,7 +95,13 @@ class DisplayComponent extends Component {
             />
           </PanelBody>
         </InspectorControls>
-        <div className="mediaAside">
+        <div className={ classes }>
+          <div class="mediaAside-col">
+            <div class="mediaAside-image">
+              <img src={ imageUrl } alt=""/>
+              { attributes.embed ? <a className="btn" href="" data-modal-embed=""><i class="play-icon">Play video</i></a> : '' }
+            </div>
+          </div>
           <div className="mediaAside-col">
             <div className="mediaAside-content">
               <RichText
@@ -112,12 +141,6 @@ class DisplayComponent extends Component {
               </div>
             </div>
           </div>
-          <div class="mediaAside-col">
-            <div class="mediaAside-image">
-              <img src={imageUrl} alt=""/>
-              { attributes.embed ? <a className="btn" href="" data-modal-embed=""><i class="play-icon">Play video</i></a> : '' }
-            </div>
-          </div>
         </div>
       </Fragment>
     );
diff --git a/src/scripts/blocks/media-aside/index.js b/src/scripts/blocks/media-aside/index.js
index aec9a8b..481ffa6 100644
--- a/src/scripts/blocks/media-aside/index.js
+++ b/src/scripts/blocks/media-aside/index.js
@@ -52,6 +52,10 @@ registerBlockType('benenson/media-aside', {
     mediaId: {
       type: 'integer',
     },
+    mediaAlignment: {
+      type: 'string',
+      default: 'Right',
+    },
     embed: {
       type: 'string',
     },
diff --git a/src/styles/components/media-aside/_main.scss b/src/styles/components/media-aside/_main.scss
index e49c6e0..2e43106 100644
--- a/src/styles/components/media-aside/_main.scss
+++ b/src/styles/components/media-aside/_main.scss
@@ -18,7 +18,6 @@
 }
 
 .mediaAside .mediaAside-col + .mediaAside-col {
-  display: block;
   margin-top: 25px;
 
   @include mq(x-small) {
@@ -63,10 +62,29 @@
   }
 }
 
+.mediaAside--alignmentRight {
+  flex-direction: column-reverse;
+
+  @include mq(x-small) {
+    flex-direction: row-reverse;
+  }
+}
+
+.mediaAside--alignmentRight .mediaAside-col + .mediaAside-col {
+  margin-bottom: 25px;
+
+  @include mq(x-small) {
+    margin-left: 0px;
+    margin-bottom: 0;
+    margin-right: flexy-gutter();
+  }
+}
+
 .inlineVideo {
   position: relative;
   overflow: hidden;
   padding-top: 56.25%;
+  width: 100%;
 }
 
 .inlineVideo iframe {