.lyf-portfolio-grid {

}

.lyf-portfolio-grid .wp-block-cover {
    transition: background 0.5s;
    z-index: 20;
}

.lyf-portfolio-grid:hover .wp-block-cover span.has-background-dim {
    opacity: 0.8;
}

.lyf-portfolio-grid .wp-block-cover__inner-container:before,
.lyf-portfolio-grid .wp-block-cover__inner-container:after {
    position: absolute;
    content: '';
    top: 2rem;
    left: 2rem;
    right: 2rem;
    bottom: 2rem;
    opacity: 0;
    transition: transform 0.5s,opacity 0.5s;
}

.lyf-portfolio-grid .wp-block-cover__inner-container:before {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    transform: scale(0,1);
}

.lyf-portfolio-grid .wp-block-cover__inner-container:after {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: scale(1,0);
}

.lyf-portfolio-grid:hover .wp-block-cover__inner-container:before,
.lyf-portfolio-grid:hover .wp-block-cover__inner-container:after {
    transform: scale(1,1);
    opacity: 1;
}

.grow-background-image img.wp-block-cover__image-background {
    transition: transform 0.3s;
}

.grow-background-image span.has-background-dim,
.lyf-portfolio-grid .wp-block-cover span.has-background-dim {
    transition: opacity 0.3s;
}

.grow-background-image:hover > img.wp-block-cover__image-background {
    transform: scale(1.3);
}

.grow-background-image:hover > span.has-background-dim {
    opacity: 0.8;
}