diff --git a/docs/_includes/_merinales.html b/docs/_includes/_merinales.html
index 8ec3274..ac2e6d5 100644
--- a/docs/_includes/_merinales.html
+++ b/docs/_includes/_merinales.html
@@ -1,4 +1,4 @@
 <div class="video-container">
-    <iframe src="sliders/merinales.html" width="100%" height="390" style="overflow:hidden" allowfullscreen="" frameborder="0">
+    <iframe src="sliders/merinales.html" width="100%" height="420" style="overflow:hidden" allowfullscreen="" frameborder="0">
     </iframe>
 </div>
diff --git a/docs/_sass/libs/_changes.scss b/docs/_sass/libs/_changes.scss
index b019393..0d2827b 100644
--- a/docs/_sass/libs/_changes.scss
+++ b/docs/_sass/libs/_changes.scss
@@ -1,3 +1,34 @@
-body {
-  background-color: "rgb(250,250,250)";
+.wrapper {
+  @include padding(6em, 0);
+
+  > .inner {
+    width: 55em;
+    margin: 0 auto;
+
+    @include breakpoint(large) {
+      width: 90%;
+    }
+
+    @include breakpoint(medium) {
+      width: 100%;
+    }
+    > p {
+      width: 45em;
+
+      @include breakpoint(large) {
+        width: 90%;
+      }
+
+      @include breakpoint(medium) {
+        width: 100%;
+      }
+    }
+  }
+}
+
+img {
+  &.twentytwenty-before,
+  &.twentytwenty-after {
+    width: 100%;
+  }
 }
diff --git a/docs/css/main.scss b/docs/css/main.scss
index c240381..92197d9 100755
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -1225,31 +1225,7 @@ $baseurl: '{{ site.baseurl }}/images';
 	}
 
 	.wrapper {
-		@include padding(6em, 0);
-
-		> .inner {
-			width: 55em;
-			margin: 0 auto;
-
-			@include breakpoint(large) {
-				width: 90%;
-			}
-
-			@include breakpoint(medium) {
-				width: 100%;
-			}
-			> p {
-				width: 45em;
-
-				@include breakpoint(large) {
-					width: 90%;
-				}
-
-				@include breakpoint(medium) {
-					width: 100%;
-				}
-			}
-		}
+		@include padding(6em, 0);		
 
 		&.alt {
 			padding: 0;