@media only screen and (min-width: 320px) {
    .case-lift figure, .is-root-container .case-lift figure{
        position: relative;
    }
    .case-lift figure:after{
        opacity:0;
        content:'';
        background-color:#ffffff;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.121' height='15.121' viewBox='0 0 15.121 15.121'%3E%3Cpath data-name='Path 237' d='M4.5,17.5l13-13m0,0H7.75m9.75,0v9.75' transform='translate(-3.439 -3.439)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        border-radius:50%;
        position: absolute;
        right:20px;
        top:20px;
        width:32px;
        height:32px;
        transition:all 0.3s ease-out;

    }
    .case-lift:hover figure:after, .case-lift:active figure:after{
        background-color:var(--link-clr);
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.121' height='15.121' viewBox='0 0 15.121 15.121'%3E%3Cpath data-name='Path 237' d='M4.5,17.5l13-13m0,0H7.75m9.75,0v9.75' transform='translate(-3.439 -3.439)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
    }
    .case-lift figure.animation-finished:after{
        opacity: 1;
        animation: fadeInFromRight var(--animation-duration) ease-out forwards;
    }
    .case-lift img, .is-root-container .case-lift img{
        object-fit: cover;
        height:400px !important;
        box-shadow:var(--box-shadow);
        
    }
    .case-lift figure:before{
        content:'';
        display: block;
        width:100%;
        height:100%;
        position:absolute;
        top:0px;
        left:0px;
        background:rgba(0, 0, 0, 0.4);
    }
    .is-root-container .case-lift figure:before{
        display: none;
    }
    .case-lift figcaption{
        position: absolute;
        width:100%;
        text-align: center;
        left:0px;
        top:40%;
        color:#ffffff;
        font-family:var(--title-font);
        font-size:18px;
    }
    .is-root-container .case-lift figcaption{
        color:#000000;
    }
    .case-lift-title{
        margin-top:20px;
        font-weight:bold;
        transition: all 0.3s;
    }
    .case-lift:hover .case-lift-title{
        color:var(--link-clr);
    }
}

@media only screen and (min-width: 990px) {
    .case-lift-title{
        font-size:20px;
        padding:0px 40px;

    }
}

@media only screen and (min-width: 1280px) {


}