/* === Custom Block Styling === */
.overflowImage{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin: var(--CB-margin-top) var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
}

.overflowImage__imageContainer{
    position: absolute;
    top: 0;
}

.overflowImage__imageWrapper{
    height: 250px;
    width: 100%;
    background-size: cover;
    background-position: center;
    clip-path: polygon(160px 0, 100% 0, 100% 100%, 0% 100%);
}

.overflowImage__imageOuterWrapper::after{
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22202.664%22%20height%3D%22308.104%22%20viewBox%3D%220%200%20202.664%20308.104%22%3E%3Cpath%20id%3D%22Path_85%22%20data-name%3D%22Path%2085%22%20d%3D%22M717.336%2C1994.26l155.64-269.022-24.547-39.081-178.116%2C308.1Z%22%20transform%3D%22translate(-670.313%20-1686.156)%22%20fill%3D%22%23BC252A%22%2F%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    height: 270px;
    width: 275px;
    position: absolute;
    bottom: 0;
    z-index: 10;
}

@media screen and (max-width: 991.98px){
    .overflowImage__imageWrapper{
        height: 200px;
        clip-path: polygon(135px 0, 100% 0, 100% 100%, 0% 100%);
    }
    .overflowImage__imageOuterWrapper::after{
        height: 217px;
    }
}

@media screen and (max-width: 767px){
    .overflowImage__imageContainer{
        display: none;
    }
    .overflowImage{
        padding-bottom: 0px !important;
    }
}