.explore-col {
    figure {
        overflow: hidden;
        position: relative;

        &:before {
            background: var(--wp--preset--gradient--overlay-bg);
            bottom: 0;
            content: "";
            height: 50%;
            left: 0;
            position: absolute;
            @include transition(0.5s ease-in-out);
            width: 100%;
            z-index: 1;
        }

        img {
            width: 100%;
            @include transition(0.5s ease-in-out);
        }
    }

    .wp-block-column {
        @include transition(0.5s ease-in-out);

        &:is(:hover, :focus) {
            @include transform(scale(0.9));

            figure:before {
                height: 100%;
            }

            img {
                @include transform(scale(1.3));
            }
        }
    }
}