//
// Responsive image wrap
//

@mixin img-responsive-wrap {
    &,
    > picture {
        display: block;
    }

    > img,
    > picture > img {
        max-width: 100%;
        height: auto;
    }
}