%atom-image-general{
    max-width: 100%;
    position: relative;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    img{
        max-width: 100%;
        vertical-align: middle;
    }
    figcaption, .copyright{
        @extend %atom-caption-rte;
        position: absolute;
        bottom: 0; right: 0; max-width: 100%;
    }
    margin-bottom: 20px;

    @include RWD(mobile){
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }
}

%atom-image-original{
    width: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

%atom-image-full{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;

    figcaption{
        @extend %container;
        position: relative;
        &:before{
            background-color: #f4f4f4;
            content: '';
            display: block;
            z-index: -1;
            position: absolute;
            top: 0;
            left: -5000px;
            right: -5000px;
            height: 100%;
            @include RWD(mobile){
                left: 0;
                right: 0;
                position: static;
            }
        }
    }
}