.or-big-image {
    display: block;
    // copied from .or img
    max-width: 70%;
    // copied from .or img
    max-height: 300px;
    img {
        border: 2px solid $link-color;
        max-width: 100%;
    }
    &.open {
        @include display-flex;
        @include flex-direction(column);
        @include flex-wrap(nowrap);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        z-index: 10000;
        background: white;
        margin-top: 0;
        img {
            max-width: 100%;
            width: 100%;
            max-height: 100%;
        }
    }
}