.wrapper { @include breakpoint(small) { @include padding(2em, 0); } > .inner { width: 55em; margin: 0 auto; @include breakpoint(large) { width: 90%; } @include breakpoint(medium) { width: 100%; } > p { width: 40em; @include breakpoint(large) { width: 45em; } @include breakpoint(medium) { width: 90%; } } } } img { &.twentytwenty-before, &.twentytwenty-after { width: 100%; } }