// RESPONSIVE FLOATED IMAGES
// --------------------------------------------------------------------
%image-block {
    display: block;
    @include x-rem(margin, 1 0);
}

// For use with → processwire.com
// .align_left,
// .align_right {
//     @extend %image-block;
// }

// RESPONSIVE FLOATED IMAGES
// --------------------------------------------------------------------
%image-block {
    display: block;
    @include x-rem(margin, 1 0);
}

// For use with → processwire.com
// .align_left,
// .align_right {
//     @extend %image-block;
// }

@media only screen and (min-width: 768px) {
    %image-left {
        float: left;
        @include x-rem(margin, 0.25 1 0.75 0);
    }

    %image-right {
        float: right;
        @include x-rem(margin, 0.25 0 0.75 1);
    }

    // For use with → processwire.com
    // .align_left {
    //     @extend %image-left;
    // }

    // .align_right {
    //     @extend %image-right;
    // }
}

Move these back to images module.
Move these back to images module.
