.ul-element-rollover,.ul-element-rollover:hover,.ul-element-rollover:focus {
    width: 100%;
    display: block;
    color: inherit;
}
.ul-element-rollover-container.round-image-border {
    border-radius: 50%
}
.ul-element-rollover-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
    .ul-element-rollover-container .img-container {
        position: relative;
        z-index: 2;
        margin: 0 -3px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    }
        .ul-element-rollover-container .img-container > img {
            width: 100%;
            height: auto;
        }
        .ul-element-rollover-container .img-container .img-title {
            position: relative;
            margin: -30% auto 0;
            border-width: 1px;
            border-style: solid;
            padding: 5px 0;
            border-width: 1px;
            border-style: solid;
        }

    .ul-element-rollover-container .text-container {
        z-index: 1;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 0 5px;
        opacity: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
    .ul-element-rollover-container .text-container .text-inner {
        -webkit-align-self: center;
        align-self: center;
        -webkit-flex: 1 1 0;
        flex: 1 1 0;
    }

.ul-element-rollover-container:hover {
    border-radius: 0;
}
.ul-element-rollover-container.round-text-border:hover {
    border-radius: 50%!important;
}
    .ul-element-rollover-container:hover .img-container {
        opacity: 0;
    }
    .ul-element-rollover-container:hover .text-container {
        opacity: 1;
    }