.uu-cos-custom-widget {
    display: flex;
    flex-flow: row wrap
}

.uu-cos-custom-widget .uu-content {
    flex: 1 1 36%;
    margin: 2% 4%
}

.uu-cos-custom-widget .uu-content.left {
    order: 1
}

.uu-cos-custom-widget .uu-content.right {
    order: 2
}

.uu-cos-custom-widget .uu-images {
    flex: 1 1 46%;
    margin: 2%;
    position: relative;
    top: -50px;
    text-align: center;
    width: auto;
    height: 500px;
    margin: 0px auto
}

.uu-cos-custom-widget .uu-images .uu-image-lg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.uu-cos-custom-widget .uu-images .uu-image-sm {
    position: absolute;
    bottom: -100px;
    width: 250px;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat
}

.uu-cos-custom-widget .uu-images.left {
    order: 1
}

.uu-cos-custom-widget .uu-images.left .uu-image-sm {
    right: auto;
    left: 10px
}

.uu-cos-custom-widget .uu-images.right {
    order: 2
}

.uu-cos-custom-widget .uu-images.right .uu-image-sm {
    right: 10px;
    left: auto
}

@media (max-width: 800px) {
    .uu-cos-custom-widget {
        flex-flow: column wrap
    }
    .uu-cos-custom-widget .uu-content {
        margin-top: 80px
    }
    .uu-cos-custom-widget .uu-content.left {
        order: 2
    }
    .uu-cos-custom-widget .uu-content.right {
        order: 2
    }
    .uu-cos-custom-widget .uu-images {
        width: 100%
    }
    .uu-cos-custom-widget .uu-images.left {
        order: 1
    }
    .uu-cos-custom-widget .uu-images.left .uu-image-sm {
        right: auto;
        left: 0px
    }
    .uu-cos-custom-widget .uu-images.right {
        order: 1
    }
    .uu-cos-custom-widget .uu-images.right .uu-image-sm {
        right: 0px;
        left: auto
    }
}