/* minified */
.wp-block-sd-two-columns-img-bg-style {
    max-width: 50em;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.wp-block-sd-two-columns-img-bg-style > .sd-content-wrap figure:first-child {
    width: 100%;
    display: flex;
    justify-content: center;
}

.wp-block-sd-two-columns-img-bg-style img {
    object-fit: cover;
    max-height: 600px;
}

.wp-block-sd-two-columns-img-bg-style .right .wp-block-sd-image {
    order: 1;
}


.sd-content-wrap.sd-2-col-text-first {
    display: flex;
    flex-direction: column;
}

.sd-content-wrap.sd-2-col-text-first .wp-block-sd-image {
    order: 1;
}

.wp-block-sd-image-bg-style.sd-block {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50vh;
}

.wp-block-sd-image-bg-style .sd-img-underlay {
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: -1;
    background: #bfb9b9;
    top: 0;
    left: 0;
}

.wp-block-sd-image-bg-style figure.wp-block-image img {
    padding: 10%;
}

.wp-block-sd-image-bg-style  img {
    aspect-ratio: 1;
}

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

    .wp-block-sd-image-bg-style  img {
        width: 600px;
    }

}


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

    .wp-block-sd-image-bg-style.sd-block {
        width: 50%;
    }

    .sd-content-wrap.sd-2-col-text-first {
        flex-direction: row;
    }

    .sd-content-wrap.sd-2-col-text-first .wp-block-sd-image {
        order: 0;
    }

    .wp-block-sd-two-columns-img-bg-style  .sd-content-wrap.right.sd-2-col-text-first  .wp-block-sd-image {
        order: 1;
    }



    .wp-block-sd-two-columns-img-bg-style .wp-block-sd-image.sd-block {
        width: 35%;
        margin-left: 3%;
        margin-right: -5%;
    }


    .wp-block-sd-two-columns-img-bg-style .right .wp-block-sd-image.sd-block {
       margin-right: 5%;
        margin-left: 0;
    }



    .wp-block-sd-two-columns-img-bg-style img {
        max-height: initial;
    }


    .wp-block-sd-two-columns-img-bg-style > .sd-content-wrap figure:first-child {
        width: initial;
    }

    .wp-block-sd-two-columns-img-bg-style {
        max-width: 100%;
    }



    .wp-block-sd-two-columns-img-bg-style > .sd-content-wrap {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
    }

    .wp-block-sd-two-columns-img-bg-style .wp-block-sd-content {
        width: 50%;
        position: relative;
        right: 4%;
    }
}