/* ============================================================================================
	FEATURED IMAGE GROUPING / PATTERN
============================================================================================ */
.resola-image-grouping-figure {
    display: flex;
    align-items: flex-start
}
.resola-image-grouping-text {
    flex: 1;
    min-width: 0;
    margin: 2em 0;
    padding: 0 1em
}
.resola-image-grouping-text p {
    margin: 1.6em 0 !important;
    line-height: 1.9
}

.resola-image-grouping-image {
    width: 54%;
    padding: 8px;
    background: white
}
.resola-image-grouping-image:nth-of-type(2) {
    position: relative;
    margin-top: 32%;
    margin-right: -30% !important;
    margin-left: -32% !important
}
.resola-image-grouping-image:nth-of-type(3) {
    margin-top: 8%;
}
.resola-bath {
    float: none !important;
    position: relative;
    width: 80%;
    margin-top: 2em !important;
    margin-left: auto !important
}
@media screen and (min-width: 768px)  {
    .resola-image-grouping-inner {
        display: flex;
        align-items: flex-start;
        gap: 0 4%
    }
    .resola-image-grouping-figure {
        width: 60%
    }
    .resola-bath {
        width: 50%;
        margin-top: -20% !important;
        padding: 8px;
        background: white
    }
}

.resola-image-grouping figure {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1.2s, transform 1.2s
}
.observe_is_active.resola-image-grouping figure {
    opacity: 1;
    transform: translateY(0)
}
.resola-image-grouping-figure figure:nth-of-type(2) {
    transition-delay: .2s
}
.resola-image-grouping-figure figure:nth-of-type(3) {
    transition-delay: .4s
}
.resola-image-grouping > figure {
    transition-delay: .6s
}

.editor-styles-wrapper .resola-image-grouping figure {
    opacity: 1;
    transform: none
}