/**
Usage:
   * Copy, paste and adapt this to your custom CSS
   * Or at the specific CSS class to a wrapping container
 */

/* Ken Burns */

.meine-infoseite-effects-image-links main {
    figure a {
        overflow: hidden;

        img {
            transition: var(--meine-infoseite-effects-image-links-transition, all 0.4s);
            position: relative;
            z-index: -1;
        }

        &:hover img {
            transform: var(--meine-infoseite-effects-image-links-transform, scale(1.2));
            transition: var(--meine-infoseite-effects-image-links-transition, all 0.4s);
        }
    }

    .wp-block-cover.follow-inner-link {
        img {
            transition: var(--meine-infoseite-effects-image-links-transition, all 0.4s);
        }

        &:hover > img {
            transform: var(--meine-infoseite-effects-image-links-transform, scale(1.2));
            transition: var(--meine-infoseite-effects-image-links-transition, all 0.4s);
        }
    }
}