.fixed-image-container {
    position: fixed;
    top: 10px;
    bottom: 0px;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 1400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, visibility 0ms linear 0ms;
    transition: opacity 1400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, visibility 0ms linear 0ms;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .fixed-image-container.left {
        left: 0px;
        right: 50%;
    }

    .fixed-image-container.right {
        right: 0px;
        left: 50%;
    }

.image-container {
    height: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .image-container.left {
        left: 0;
        width: 83%;
        padding-right: 100px;
    }

    .image-container.right {
        right: 0px;
        width: 83%;
        padding-left: 100px;
    }

        .image-container.right .loader {
            margin-left: 18px !important;
        }

    .image-container .images {
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-backface-visibility: hidden;
    }

        .image-container .images > div {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            position: relative;
            z-index: 0;
            -webkit-transform: translate3d(x, y, 0);
            -ms-transform: translate3d(x, y, 0);
            transform: translate3d(x, y, 0);
        }