.slide-double-panel-inner {
    display: flex;
    justify-content: space-between;
    column-gap: 30px;
}

.slide-double-panel-left, .slide-double-panel-right {
    border-radius:8px;
    overflow: hidden;
}

.slide-double-panel-left {
    padding: 45px;
    width: 50%;
    background: #DFDEFF;
    position: relative;
    padding-top: 90px;
}

.slide-double-panel-right {
    position: relative;
    width: 50%;
}

.slide-double-panel-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.slide-double-panel-title h3 {
    font-size: 1.15rem;
    text-transform: uppercase;
    color: #7A79F3;
}

.slide-double-panel-number {
    position: absolute;
    right: 20px;
    top: 5px;
    color: #FFFFFF;
    font-size: 3.6rem;
    font-weight: 600;
}

.slide-double-panel-separator {
    height: 1px;
    background: #7a79f3;
    margin-bottom: 20px;
}

.slide-double-panel-InnerBlocks,
.slide-double-panel-separator,
.slide-double-panel-title {
    width: 80%;
}



.slide-double-panel.backend {
    width: 100%;
}

#editor .slider-anything.backend .block-editor-block-list__layout > .wp-block-acf-slide-double-panel {
    width: 100%;
    display: block;
    max-width: 100%;
}

.slider-anything.backend .slide-double-panel.backend .block-editor-block-list__layout,
.slider-anything.backend .slide-double-panel.backend .block-editor-block-list__layout > *{
    display: block;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width:1200px)
{
    .slide-double-panel-inner {
        flex-direction: column-reverse;
    }

    .slide-double-panel-left,
    .slide-double-panel-right {
        width:100%;
    }

    .slide-double-panel-right {
        height: 650px;
        background-position:center;
    }

    .slide-double-panel-right img {
        object-position: 50% 30%;
    }
}



@media screen and (max-width:800px)
{

    .slide-double-panel-right {
        height: 450px;
        background-position:center;
    }

}

@media screen and (max-width:600px)
{

    .slide-double-panel-right {
        height: 400px;
        background-position:center;
    }

}

@media screen and (max-width:500px)
{

    .slide-double-panel-right {
        height: 350px;
        background-position:center;
    }

}

@media screen and (max-width:500px)
{

    .slide-double-panel-right {
        height: 300px;
        background-position:center;
    }

}