.is-style-l-framed{
    position:relative;
}

.is-style-l-framed:before,
.is-style-l-framed:after{
    content:'';
    display:block;
    position:absolute;
    width:0%;
    height:auto;
    aspect-ratio:1/1;
    border-color:var(--wp--preset--color--custom-teal);
    transition:all .35s ease-in-out;
    transition-delay: 0.5s;
}

.is-style-l-framed.animate:before,
.is-style-l-framed.animate:after{
    width:10%;
}


.is-style-l-framed.animate:before{
    top:0;
    left:0;
    border-top-width:1px;
    border-left-width:1px;
    border-left-style:solid;
    border-top-style:solid;
    border-right:none;
    border-bottom:none;
}


.is-style-l-framed.animate:after{
    right:0;
    bottom:0;
    border-bottom-width:1px;
    border-right-width:1px;
    border-right-style:solid;
    border-bottom-style:solid;
    border-top:none;
    border-left:none;
}

.is-style-l-framed img{
    transition:all .25s ease-in-out;
    transition-delay:0.5s;
}


.is-style-l-framed.animate img{
    transform:scale(0.95);
    transform-origin:center center;
}